vue-component Questions
3
Solved
I am using vue-multiselect component in my vue.js project, I am using v-on directive to execute a function on the change event ,
<multiselect v-model="selected" :options="projects" :searchable=...
Salvatoresalvay asked 30/3, 2018 at 3:58
2
Solved
external script doesn't always loads when we navigate between components nuxt 3 , i have created component
dashboard/index.vue
added this code
useHead({
script: [
{
src: 'https://code.highcharts...
Instrumental asked 18/7, 2023 at 1:21
6
I'm creating a form using vue.js and I need to create inputs in vue that is always capitalized. I know I could use the css property
text-transform: uppercase;
and then transform the data before ...
Bossuet asked 7/2, 2019 at 16:44
12
I am using a navigation bar in my Vue/Vuetify app, and added a v-app-bar-title component to display the name of the page the user is currently on. However, when I load certain pages, the title text...
Acerate asked 12/3, 2021 at 21:2
8
Solved
I'm working with v-data-tables of Vuetify and....
I want to change this text:
I have added this code but it isn't working:
Thanks!
Elizabetelizabeth asked 8/6, 2020 at 10:19
7
Solved
Hopefully this is a rather simple question / answer, but I can't find much info in the docs.
Is there a way to enable or disable the anchor generated by <router-link> dependent on whether a ...
Theocracy asked 29/6, 2017 at 15:56
6
Solved
i am new to Vue JS, i must say i really love this platform. I started using it just 3 days back. I am just trying to get the URL query parameter and i am using vue-router as well. Here is how i hav...
Ablative asked 7/10, 2020 at 10:56
10
Solved
Assuming there's some <Form> component. It can be called with a @cancel event listener attached to it and if it's the case, I want to show the cancel button that triggers this event. If there...
Fresher asked 12/10, 2017 at 10:0
5
Short version:
I'm generating a string with HTML in a component's method, and I can't figure out how to style that HTML with scoped CSS, because it's missing the data attribute for scoping.
Sligh...
Balk asked 27/3, 2017 at 17:0
10
Solved
Problem
I have the need to temporarily store the results of a method call in Vue templates. This is particularly common inside loops, where I cannot easily use computed properties.
<ul>
&l...
Hubbard asked 30/1, 2019 at 17:19
3
Solved
Vuetify autocomplete by default have custom "up" and "down" arrow icons:
How can be changed this icon to search icon in other events (active or inactive) and get this view:
This example crea...
Trochophore asked 28/6, 2019 at 4:56
4
Solved
I want to access a props value in another props' validator:
props: {
type: {
type: String,
default: "standard"
},
size: {
type: String,
default: "normal",
validator(value) {
// below I wa...
Diphosgene asked 5/7, 2019 at 13:47
4
Solved
I'm trying to create an accordion using vuejs.
I found some examples online, but what I want is different. For SEO purpose I use "is" and "inline-template", so the accordion is kind of static not...
Publicist asked 14/12, 2016 at 11:4
3
Solved
I have a Vue.js project that use one method in multiple files, so I create an utility class to write this method there, something like:
export class Util{
doSomething(){
return 'something'
}
}
...
Aitch asked 27/8, 2019 at 15:6
2
Solved
My HTML:
<select id='select-id' v-model='position'>
<option>Opt 1</option>
<option>Opt 1</option>
</select>
The Vue component:
var app = new Vue({
el: '#e...
Suilmann asked 16/10, 2018 at 19:22
7
Solved
Is there a way to re-render a component on route change? I'm using Vue Router 2.3.0, and I'm using the same component in multiple routes. It works fine the first time or if I navigate to a route th...
Starstarboard asked 18/4, 2017 at 0:57
4
Solved
I have a button
When I clicked on COPY
copyImageLinkText({ mouseenter, mouseleave }, e) {
this.showCopiedText = !this.showCopiedText
navigator.clipboard.writeText(this.imageLink)
clearTimeout(...
Contiguous asked 14/4, 2022 at 15:10
6
Solved
I use Vue.js 2.5.13 and have this structure:
component-one.vue:
<template>
<div>
<input type="text" v-model="input_one">
<component-two></component-two>
</di...
Ivon asked 29/1, 2018 at 11:54
24
Solved
I've to use two external scripts for the payment gateways.
Right now both are put in the index.html file.
However, I don't want to load these files at the beginning itself.
The payment gateway is n...
Inexertion asked 12/7, 2017 at 2:2
5
Solved
So I've created a simple wrapper component with template like:
<wrapper>
<b-table v-bind="$attrs" v-on="$listeners"></b-table>
</wrapper>
using $attrs and $listeners to ...
Demonstrative asked 16/6, 2018 at 21:23
6
I only get this error in the production build.
I have read this doc and this related issue but I still cannot get it to work. <v-app> is wrapped around the v-dialog why does it still compla...
Cingulum asked 25/6, 2019 at 22:58
4
I would like to remove a components from Vue at runtime that was previously registered with Vue.component(name, {...}), is this possible ?
We are creating a number of components on the fly in a li...
Calk asked 11/8, 2017 at 8:12
14
Solved
I am using Typescript with Vuejs to build an application. I have several stand alone components (.vue) files that I am importing into a Typescript (.ts) file. In the Typescript file, I am importing...
Tel asked 7/8, 2017 at 20:20
3
Solved
What's the alternative of Vue.delete in the new Reactivity API of Vue 3?
Noneffective asked 21/2, 2021 at 16:8
2
I have a form component as the following:
<form-component>
<text-component name="test1" />
<select-component name="test2" />
</form-component>
I need ...
Plumbo asked 3/10, 2022 at 22:29
1 Next >
© 2022 - 2025 — McMap. All rights reserved.