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: export default { name: ‘app’, data: [] } Whereas in other tutorials I see data being bound from: new Vue({ el: … Read more
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 folder structure seems new to me. What is the difference between the views and components folders in a Vue … Read more
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.Store({ state: { isAuth: !!localStorage.getItem(‘token’) }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, expiration) … Read more
In my main page I have dropdowns that show v-show=show by clicking on link @click = “show=!show” and I want to set show=false when I change route. Advise me please how to realize this thing. 8 Answers 8
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 action from within another, so in this example I want to be able to call get2() from within get1(). Is this possible, … Read more
I’d like to make a redirection in Vue.js similar to the vanilla javascript window.location.href=”https://stackoverflow.com/questions/35664550/some_url” How could I achieve this in Vue.js? 18 Answers 18
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 the debounce property has been deprecated in Vue 2. The recommendation only says: “use v-on:input + 3rd party debounce function”. How do you correctly implement it? I’ve tried … Read more
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 to the end of the href attribute so that I can make an API call. Any suggestions? 5 Answers 5
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()”>press</button> But really what is the difference between the two (if exists) 3 Answers 3
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 from the gameboard module in the notification module. I thought I could use the module name in the dispatch action name like this: // store/modules/gameboard.js const actions … Read more
