Skip to main content
Stack Overflow for Teams is now Stack Internal: See how we’re powering the human intelligence layer of enterprise AI. Read more >
108,138 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
726 votes
16 answers
638k views

I'm trying to understand how to properly watch for some prop variation. I have a parent component (.vue files) that receive data from an ajax call, put the data inside an object and use it to render ...
Plastic's user avatar
  • 10.3k
656 votes
54 answers
943k views

In my Nuxt application where ESlint and Prettier are installed and enabled, I switched to Visual Studio Code. When I open a .vue file and press CMD+ Shift + P and choose Format Document, my file does ...
Billal BEGUERADJ's user avatar
  • 23k
568 votes
17 answers
659k views

How can I fetch query parameters in Vue.js? E.g. http://somesite.com?test=yay Can’t find a way to fetch or do I need to use pure JS or some library for this?
Rob's user avatar
  • 11.4k
516 votes
18 answers
600k views

In the VueJs 2.0 docs I can't find any hooks that would listen on props changes. Does VueJs have such hooks like onPropsUpdated() or similar? Update As @wostex suggested, I tried to watch my property ...
Amio.io's user avatar
  • 21.7k
446 votes
15 answers
636k views

I have an input: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? ''...
Zaffar Saffee's user avatar
  • 6,305
441 votes
12 answers
178k views

I'm starting a new vue.js project so I used the vue-cli tool to scaffold out a new webpack project (i.e. vue init webpack). As I was walking through the generated files I noticed the following imports ...
Chris Schmitz's user avatar
  • 21.1k
425 votes
25 answers
764k views

Just a quick question. Can you force Vue.js to reload/recalculate everything? If so, how?
Dave's user avatar
  • 12.5k
383 votes
6 answers
239k views

I'm learning Vue with an online course and the instructor gave me an exercise to make an input text with a default value. I completed it using v-model but, the instructor chose v-bind:value, and I don'...
Gustavo Dias's user avatar
  • 3,961
371 votes
16 answers
227k views

How to remove hashbang #! from url? I found option to disable hashbang in vue router documentation ( http://vuejs.github.io/vue-router/en/options.html ) but this option removes #! and just put # Is ...
DokiCRO's user avatar
  • 4,715
371 votes
14 answers
427k views

is this possible to pass parameter in computed properties in Vue.Js. I can see when having getters/setter using computed, they can take a parameter and assign it to a variable. like here from ...
Saurabh's user avatar
  • 73.8k
362 votes
25 answers
829k views

This is similar to #40796374 but that is around types, while I am using interfaces. Given the code below: interface Foo { name: string; } function go() { let instance: Foo | null = null; let ...
Ray Booysen's user avatar
  • 30.2k
356 votes
17 answers
376k views

I am facing a weird error when I installed Bootstrap. The error is below. I tried uninstalling less-loader and installing [email protected], because I saw it online, but it did nothing. I am unsure ...
Juliette's user avatar
  • 4,459
346 votes
17 answers
388k views

Let's say I have a main Vue instance that has child components. Is there a way of calling a method belonging to one of these components from outside the Vue instance entirely? Here is an example: ...
harryg's user avatar
  • 24.2k
323 votes
24 answers
496k views

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 ...
Gijo Varghese's user avatar
  • 11.8k
319 votes
22 answers
438k views

I am using vuex and vuejs 2 together. I am new to vuex, I want to watch a store variable change. I want to add the watch function in my vue component This is what I have so far: import Vue from '...
raffffffff's user avatar
  • 3,557
318 votes
11 answers
302k views

Context In Vue 2.0 the documentation and others clearly indicate that communication from parent to child happens via props. Question How does a parent tell its child an event has happened via props?...
jbodily's user avatar
  • 3,893
317 votes
9 answers
274k views

I'm trying to use the on click directive inside a component but it does not seem to work. When I click the component nothings happens when I should get a 'test clicked' in the console. I don't see any ...
Javier Cárdenas's user avatar
  • 4,045
316 votes
34 answers
433k views

When I tried install vue store front in my local but when I tried "yarn install" command I get following error. How can I solve this error? How can I solve this error? error /var/www/html/vue-...
Adil's user avatar
  • 3,711
316 votes
29 answers
374k views

I started https://laracasts.com/series/learning-vue-step-by-step series. I stopped on the lesson Vue, Laravel, and AJAX with this error: vue.js:2574 [Vue warn]: Avoid mutating a prop directly since ...
Dariusz Chowański's user avatar
  • 3,275
316 votes
2 answers
187k views

Vue.js documentation describes the created and mounted events as follows: created Called synchronously after the instance is created. At this stage, the instance has finished processing the ...
lesssugar's user avatar
  • 16.2k
304 votes
20 answers
498k views

How can I repeat a loop via v-for X (e.g. 10) times? <!-- want to repeat this (e.g.) 10 times --> <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item....
MikeCaine's user avatar
  • 3,871
302 votes
13 answers
163k views

What is the main difference between a method and a computed value in Vue.js? They seem the same and interchangeable to me.
Bootstrap4's user avatar
  • 3,831
302 votes
4 answers
274k views

I pass a parameter in v-on:input directives. If I don't pass it, I can access the event in the method. Is there any way I can still access the event when passing the parameter to the function? Note ...
geckob's user avatar
  • 8,208
295 votes
6 answers
275k views

How can I manage to get HTML interpreted inside a mustache binding? At the moment the break (<br />) is just displayed/escaped. Small Vue app: var logapp = new Vue({ el: '#logapp', data: { ...
Mike's user avatar
  • 5,846
284 votes
8 answers
158k views

I checked a few guides for Vue 3 and noticed that in some examples they used reactive(), while in others they created the same thing with ref(). They seem to behave very similarly, but which one ...
Denis Tsoi's user avatar
  • 10.6k
275 votes
13 answers
726k views

I'm trying to make a simple loop: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) But I get the following error: ...
wyc's user avatar
  • 55.7k
269 votes
13 answers
83k views

In Vuex, what is the logic of having both "actions" and "mutations?" I understand the logic of components not being able to modify state (which seems smart), but having both actions and mutations ...
Kobi's user avatar
  • 4,253
263 votes
16 answers
90k views

I just used the command line (CLI) to initialize a Vue.js project. The CLI created a src/components and src/views folder. It has been a few months since I have worked with a Vue project and the ...
drsnark's user avatar
  • 3,073
262 votes
2 answers
123k views

Is it possible to dispatch an action between namespaced modules? E.g. I have Vuex modules "gameboard" and "notification". Each are namespaced. I would like to dispatch an action ...
Chris Schmitz's user avatar
  • 21.1k
260 votes
5 answers
322k views

I'm trying to do something like this: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> I can't figure out how to add the value of r.id ...
bbennett36's user avatar
  • 6,395
259 votes
17 answers
541k views

I am trying to set query params with Vue-router when changing input fields, I don't want to navigate to some other page but just want to modify URL query params on the same page, I am doing this: this....
Saurabh's user avatar
  • 73.8k
256 votes
19 answers
724k views

I'd like to make a redirection in Vue.js similar to the vanilla javascript window.location.href = 'some_url' How could I achieve this in Vue.js?
Jimmy Obonyo Abor's user avatar
  • 7,925
253 votes
14 answers
232k views

In VueJS we can add or remove a DOM element using v-if: <button v-if="isRequired">Important Button</button> but is there a way to add / remove attributes of a dom element eg for the ...
Don Smythe's user avatar
  • 9,894
249 votes
18 answers
298k views

I'm starting to play with vuejs (2.0). I built a simple page with one component in it. The page has one Vue instance with data. On that page I registered and added the component to html. The ...
Gal Ziv's user avatar
  • 7,412
249 votes
12 answers
301k views

On my main page I have dropdowns that show v-show=show by clicking on the link @click = "show=!show" and I want to set show=false when I change the route. Please advise me on how to realize ...
kipris's user avatar
  • 3,055
246 votes
4 answers
217k views

The questions should be enough clear. But I can see that someone use: <button @click="function()">press</button> Someone use: <button v-on:click="function()">...
LorenzoBerti's user avatar
  • 6,984
238 votes
33 answers
688k views

I design websites in VSC and PowerShell is my default terminal. After updating and deploying a website to firebase earlier, I was prompted to update firebase tools - which I did using npm. ...
Aponting's user avatar
  • 2,391
235 votes
19 answers
247k views

I have a simple input box in a Vue template and I would like to use debounce more or less like this: <input type="text" v-model="filterKey" debounce="500"> However ...
MartinTeeVarga's user avatar
  • 11k
229 votes
5 answers
147k views

I have the following setup for my actions: get1: ({ commit }) => { // things this.get2(); // this is my question! }, get2: ({ commit }) => { // things }, I want to be able to call one ...
muttley91's user avatar
  • 12.8k
228 votes
22 answers
301k views

How to change the Port number in the Vue-CLI project so that it runs on another port instead of 8080.
salman's user avatar
  • 2,417
220 votes
3 answers
120k views

I need to route to a certain component in two ways - one with a param, one without. I have searched for optional params and somehow can't find much info. So my route: { path: '/offers/:member', ...
yoyoma's user avatar
  • 3,546
220 votes
3 answers
221k views

I am trying to authenticate a user using vuejs and laravel's passport.I am not able to figure out how to send multiple parameters to the vuex mutation via an action. - store - export default new Vuex....
Schwesi's user avatar
  • 4,914
220 votes
4 answers
200k views

I just installed Vue and have been following some tutorials to create a project using the vue-cli webpack template. When it creates the component, I notice it binds our data inside of the following: ...
rockzombie2's user avatar
  • 2,935
217 votes
42 answers
316k views

How can I detect a click outside my element? I'm using Vue.js so it's gonna be outside my templates element. I know how to do it in Vanilla JS, but I'm not sure if there's a more proper way to do it, ...
user avatar
216 votes
6 answers
264k views

I read the docs, but I still can't understand it. I know what data, computed, watch, methods do, but what is nextTick() used for in Vue.js?
hidar's user avatar
  • 6,019
215 votes
14 answers
407k views

I've been reading the official docs and I'm unable to find anything on environment variables. Apparently there are some community projects that support environment variables but this might be overkill ...
Edgar Quintero's user avatar
  • 4,471
214 votes
16 answers
335k views

I have a summary page and a detail subpage. All of the routes are implemented with vue-router (v 0.7.x) using programmatic navigation like this: this.$router.go({ path: "/link/to/page" }) However, ...
Tang Jiong's user avatar
  • 2,213
211 votes
18 answers
439k views

I see in this pull request: Add a router.reload() Reload with current path and call data hook again But when I try issuing the following command from a Vue component: this.$router.reload() I get this ...
Saurabh's user avatar
  • 73.8k
205 votes
21 answers
307k views

How can I call multiple functions in a single @click? (aka v-on:click)? So far I tried Splitting the functions with a semicolon: <div @click="fn1('foo');fn2('bar')"> </div>; ...
S Panfilov's user avatar
  • 17.7k
204 votes
9 answers
260k views

So, I've read here that in Vue.js, you can use /deep/ or >>> in a selector in order to create style rules that apply to elements inside of child components. However, attempting to use this in ...
laptou's user avatar
  • 7,107

1
2 3 4 5
…
2163