Я написал таблицу сообщений и получаю данные для показа на своем сайте с помощью Vue-js + Axios. Я также использую разбиение на страницы, если строка не будет прочитана, я показываю ее с таблицей стилей Bold, после прочтения ее CSS будетclean.
на странице 1 все в порядке, но когда я хочу перейти на следующую страницу, текущая страница таблицы стилей переносится на следующую страницу, и я не хочу отправлять эффекты предыдущей страницы на следующую страницу.
Например: вторая строка первой страницы не читается с помощью тега Bold, а вторая строка второй страницы также не читается
при чтении второй строки первой страницы тег Bold удаляется, а при переходе на следующую страницуЯ вижу, что вторая строка второй страницы также читается (без какого-либо тега Bold)
в базе данных все в порядке, но когда таблица будет отображаться и перемещаться в переднем конце таблицы, передается свойство css между страницами !!
я использовал vue js 2.5 + laravel + axios
<tbody id="tbody_1">
<tr v-for="(item, index) in items" :class="[ item.is_read == 0 ? 'bold' : '']" :id="'rowId'+item.id">
<td @click="editItem(item.id)">@{{ item.subject }}</td>
</tr>
editItem: function(id){
var self = this;
axios.get(self.ApiUrl+'/'+id+'/edit').then(function (response) {
$('tr#rowId'+id).removeClass('bold');
});
},