0
You can make use of the .lazy
modifier.
In order to work properly, you will also need to add a unique key
to each row.
Updated grid data with keys:
gridData: [
{ id: 1234 , name: 'Chuck Norris', power: Infinity },
{ id: 2345, name: 'Bruce Lee', power: 9000 },
{ id: 3456, name: 'Jackie Chan', power: 7000 },
{ id: 4567, name: 'Jet Li', power: 8000 }
]
See updated fiddle here
0
You could use the .lazy
model modifier to only update the value (and therefore the sorting) after the input looses focus.
In your code from the fiddle that would look like:
<input type="text" v-model.lazy="entry[key]" />
See the Vue documentation here: https://v2.vuejs.org/v2/guide/forms.html#lazy
- [Vuejs]-How to use onchange event on selectize in vuejs?
- [Vuejs]-How to configure firebase as nuxt plugin?
Source:stackexchange.com