Добрый день.
Приложение на nuxt, есть массив (items получаю через props):
<template>
<tr v-for="item in items" :key="item._id" @click="select(item)">
<td>
<input type="checkbox" v-model="item.checked">
</td>
<!--...-->
</tr>
</template>
Ниже разные варианты select-ов
<script>
methods: {
select1: function(item) {
item.checked = !item.checked
},
select2: function(item) {
this.$set(item, "checked", !item.checked)
},
select3: function(item) {
this.$set(item, "checked", !item.checked)
this.$set(this.items, item._id, item)
},
// еще был вариант с индексом, но не стал приводить
}
</script>
Все они работают ТОЛЬКО на странице открытой по ssr, например, на domain.com?page=1, НО если перейти по пагинации на page=2, то перестают работать (checkbox не обновляется, а console.log(item.checked) все верно)