I have a data variable whose typeof is boolean and I have put this in watch hook. On changing the value to true , I’m performing some tasks in watch like this and it’s working perfectly. Then I started to integrate some other stuff and requirement is to toggle the variable in case if it’s already true because i want
Tag: vuejs2
Open modal when click on button
I have this code : SepaModal : I have the error : Error in v-on handler: “TypeError: this.$refs.sepaModal.open is not a function”. I tried with this.$refs.sepaModal.show(); (the same error). Very strange bacause I put a console.log and I have sepaModal in refs. Can you help me please ? Thx in advance Answer
Conditional route for children routes in VueJS
I wonder how to redirect a children route conditionally. I’ve tried many ways but none of them works. I’m using a state from the store as the condition to redirect the children routes. I’ve exported my store from the file it is in and import it in the routes.js: import store from ‘@/store’ Here is the code to handle the
(Codesandbox, Vue) ‘Property or method “children” is not defined on the instance but referenced during render.’
I am currently building a State Manager, which can be integrated into multiple Frontend Framework, including Vue. To demonstrate the usage of the State Manger in Vue, I created a simple codesandbox. Because it is always nice to have a live code example, which can be promoted in the Readme. But somehow, I am always getting this (see below) error
How to reuse the vuex module for other components?
I am working on pagination part in a project for a large data. I wanted to store my data inside vuex. But i did all my logic in vuex store module. I wanted to reuse that particular module by creating an instance of it. Is it possible to create it ? or Creating an service would be better ? or
Vue 3: Why get same value before update object
I have 2 components in my project where I tried create query based search filter PostsList component: PostFilter component: I must send one API request when filters is change/update. But why I get same values in activeFilters and in coming filters from method setFilters() of PostsList component on everytime? Why I lose old value of activeFilters before set new values
Vue JS – How to change the position of a component that is displayed on mouse hover
I have one problem related to the location of the component. I have four pictures, when you hover over them, a certain component is displayed, it looks like this If, for example, hover the mouse cursor over a yellow picture, then another component will be displayed below, and so on with all components My problem is when the screen reaches
Create an array from nested array of objects in vue [closed]
Closed. This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 1 year ago. Improve this question I have an object as follows: I need to put all the values with the sauce key into a separate
Creating an dropdown menu using a Vue instance
I switched from React to Vue and for me there are some incomprehensible nuances I want to create a drop-down menu, but I have some incomprehensible things related to this who is familiar with React knows that you can create a certain property with a boolean value inside a state or using hooks then when clicking on the buttons, use
Avoid Mutating Props Directly in a Nuxt VueJs
So I see a lot of posts about this issue but I can’t wrap my head as to why I am doing wrong here. I have a form that I place in a component. It’s mostly made up of TextFields using vuetify. I am then reusing this form somewhere else. I’ve tried different things but I am still getting the