I have a case where in my Vue.js with webpack web app, I need to display dynamic images. I want to show img where file name of images are stored in a variable. That variable is a computed property which is returning a Vuex store variable, which is...

I have an array called people that contains objects as follows:  Before  [   {id: 0, name: 'Bob', age: 27},   {id: 1, name: 'Frank', age: 32},   {id: 2, name: 'Joe', age: 38} ]   It can change:  After  [   {id: 0, name: '...

I have some data that is accessible via:  {{ content['term_goes_here'] }}   ... and this evaluated to either true or false.  I'd like to add a class depending on the truthiness of the expression like so:  <i class="fa" v-bind...

I'm using the VueJS Vuetify framework and I need to open a dialog - that gets imported as a component template - from another template. Once the Menu button in App.vue got clicked, the Modal should open. Here is my setup:   App.vue = navigation t...

My vue component like this :          <template>     ...         <b-col v-for="item in items"                v-bind:key="item.id"                cols="2">             ...             <strong slot="header"...

I got a problem here, I don't know what is wrong in my code, but I got a warning in my console, how can I remove this warning?     [Vue tip]: <todo-item v-for="todoItem in todos">: component lists rendered with v-for should have exp...

I am writing a filter application by using Vuejs with checkboxes. It works well when I use single checkbox. However, it removes the results when I check more than than 2 checkboxes.   For example, when I check Green and Red, it should show the Title...

Why I can't bind the object properties in Vue? The object addr is not reactive immediately, but test is reactive, how come? In this case, how should I bind it?  HTML  <div id="app">     <input type="text" id="contactN...

Normally using Vue as an out of the box solution with Laravel so it just 'works'.  I am adding it now to a WordPress build but have an issue with an inline template.  Every looks fine, but it will not do anything in the mounted method and say...

I am using : Global data with VueJs 2 as my starting point as I only want to R/W one variable.   I have added an @click event to the existing code to modify the variable, but I get an "Uncaught ReferenceError: $myGlobalStuff is not defined"....