My understanding of computed properties is that if the computed property is not used in the template it’s not supposed to be computed. However, when there is a watcher for a computed property, this computed property is evaluated. I understand it’s not desired application architecture, but my question is if the fact that it’s working this way is a desired
Tag: vue-component
Customize the display in an input [Vue.Js]
I have an input that must contain values according to the selected checkboxes, and I would customize the display on the input according to the checked checkbox. I have initialized a watcher that updates the v-model of my input but the display is the following: my input : [Jhon,Eliott] While I would like to put a space in place of
VueJS : Unhandled error with simple script
Still learning VueJS, I just wanted to know why when I click on my button my function selection doesn’t work. All the rest in the created() is fine and shows the correct , but in my methods section, just to show a console.log on a click event I have this error : [Vue warn]: Unhandled error during execution of native
Does the store object in vuex fall through to leaf components?
Following the docs: https://vuex.vuejs.org/guide/mutations.html#committing-mutations-in-components and the video tutorial: https://scrimba.com/scrim/ckMZp4HN?pl=pnyzgAP it’s not clear (to me) whether store is visible in nested/child components present in the component that includes it. Answer From the docs you’ve linked (emphasis mine): You can commit mutations in components with this.$store.commit(‘xxx’), or use the mapMutations helper which maps component methods to store.commit calls (requires root store injection)
Vue js send data from api to new page
I am new to Vue Js and I would like to know how I can send data between two components. I am building a vue app that gets a list of users from an api and displays them. I would like to know I can move data between two components so that I can view more details on a new
Vue.js on render populate content dynamically via vue.router params
AS title sates, I don’t so much need a solution but I don’t understand why I’m getting the undesired result; running v2 vue.js I have a vue component in a single component file. Basically the vue should render data (currently being imported from “excerciseModules” this is in JSON format). IT’s dynamic so based on the url path it determines what
Vue array prop in child component not updating
I have a model from a backend where the property that normally contains an array of elements can be nullable. When this happens I’ll init it to an empty array. However when doing that it seems to break my ability to update the array in the child component. Sample code can be found below. If data in the main component
Vue router-view isn’t displaying all views
Sorry for the heavy text. All of my router-views work, except for one, which shows blank. I do not see any console errors of warnings and the format is identical between views – the only difference is the template. This was working, but I started a new project because my package.json and dependencies got messy. I’ve read through the code
Vue Component – Passing a prop into a class is not working?
I have a component for a tile where I want to provide the tile title, link name, and icon name via props into the component. This will make it reusable for me to provide the necessary data for multiple pages and links. I can get the tile title and link name working but I can’t get the icon to show
Quasar Select reacting to user input with Composition API
I’m have an application where my vue component has a Select control which users can select multiple items within it. I want this property to update based on what the user selects in the dropdown. However I continue to get this error when trying to set it up [Vue warn]: Write operation failed: computed value is readonly. The select is