[Vuejs]-Problem running Vue code in Nuxt SPA ( vmodel conflict on the same element)

by

0👍

Nuxt use vue 2. In your codepen vue 1 linked.

You cant use v-model with value. You need to remove value where u have v-model and set that value into field that v-model reference. See docs

v-model will ignore the initial value, checked or selected attributes
found on any form elements. It will always treat the Vue instance data
as the source of truth. You should declare the initial value on the
JavaScript side, inside the data option of your component.

 <input type="hidden" :value="row.qty * row.price * row.tax / 100" v-model="row.tax_amount | currencyDisplay" number/>

So it means your row.row.tax_amount should have value of set inside javascript

row.qty * row.price * row.tax / 100

and the code should be without :value e.g.

 <input type="hidden" v-model="row.tax_amount | currencyDisplay" number/>

Leave a comment