جلوگیری از انتقال css درpagination از یک صفحه به صفحه دیگر

سلام!

من از دیتابیس اطلاعات مربوط به جدول پیغام ها رو توسط laravel و axios میگیرم و بصورت یک حلقه for مربوط vuejs در قالب یه جدول html در قسمت front سایتم بصورت pagination رندر میکنم و نمایش میدم
و اون پیغام هایی که خوانده شده رو با css کمرنگ و اونهایی که نخوانده شده اند رو بصورت bold نشون میدم
وقتی تو page شماره 1 هستم وقتی مثلا سطر شماره 2 رو که نخوانده شده است رو کلیک میکنم از حالت bold در میاد و تو دیتابیس هم اعمال میشه
مشکل اینجاست وقتی که میرم page شماره 2 و اونجا سطر شماره 2 رو که نخوانده شده است رو بصورت کمرنگ نشون میده درحالی که باید bold باشه و میرم تو دیتابیس میبینم که همه چی درسته ولی انگار vue-js کش میکنه یا نمیدونم چیکار میکنه اون خواصی که به سطرهای صفحه اول هست رو میبره برای سطرهای متناظر با اونها تو صفحه های بعدی هم اعمال میکنه ولی اطلاعات داینامیک درست هستند در صفحه

// Laravel Controller Section

public function init(Request $request)
{
    $input = $request->all();
    $user_id = Auth::id();
    $perPage = $input['perPage'];
    $modelResult = Banks::where('user_id',$user_id);
    $copyModelResult = clone $modelResult;
    $items = $modelResult->paginate($perPage);
    $items->setPath('')->render();
    $pagination = (string) $items->appends($input)->links();
    return response()->json([ 'items' => $modelResult->orderBy('position','desc')->get(), 'total' => $copyModelResult->count(), 'pagination' => $pagination ]);
}

public function sort(Request $request)
{
    $input = $request->all();
    .
    .
    .
    return response()->json([ 'color' => 'bg-light-blue', 'message' => __('words.successSort') ]);
}

// Laravel View Section

<div id="cardPaymenter">
<tbody id="tbody_1" class="sortableTbody">
<tr class="sortableTr" v-for="(item, index) in items" :data-id="item.id" :data-name="item.name" :data-pos="item.position">
    <td class="txtc">{{ index + 1 + ( queryString.page === 1 ? 0 : (( queryString.page - 1 ) * queryString.perPage ) + 0 ) }}</td>
    <td class="txtc">{{ item.name }}</td>
</tr>
</tbody>
</div>

// Laravel Internal Javascript Section

<script>
Vue.use(VeeValidate);
var app = new Vue({
  name: 'forms', el: '#mainApp',
  data: function(){ return {
  componentName: 'cardPaymenter',items:[], protocol:'', total: 0, pagination: '',  ApiUrl : '/banks',queryString : { page: 1, perPage : 4 }
  }},
  mounted: function (){var self = this; self.initData(self.queryString,2000);},
  methods: {
    initData: function(queryString,timeDelay){
        var self = this;
        WaitLoading(self.componentName,'show');
        setTimeout(function() {
        axios.get(self.ApiUrl+'/init', {params:queryString} ).then(function (response){
                for (var k in response.data) { if (response.data.hasOwnProperty(k)) { self[k] = response.data[k]; } }
                self.$nextTick(function (){
                    $('[data-toggle="tooltip"]').tooltip();
                    $('[data-toggle=confirmation]').confirmation();

                 });
                WaitLoading(self.componentName,'hide');
            }).catch(function (error){ self.checkError( error.response.status, error.response.data.errors ); });
        },timeDelay);
    },
    changeSort: function(obj){
        var self = this; WaitLoading(self.componentName,'show');
        obj["total"] = self.total;
        obj["page"] = self.queryString.page;
        obj["perPage"] = self.queryString.perPage;
        axios.post(self.ApiUrl+'/sort', obj).then(function (response) {
           self.initData(self.queryString,5000);
           WaitLoading(self.componentName,'hide'); Notification(response.data.color,response.data.message);
        }).catch(function (error) { self.checkError( error.response.status, error.response.data.errors ); });
    },
    goPage: function (href) {var self = this; self.queryString = queryStringToJSON(href); self.initData(self.queryString,500);}
  }
});
$(document).on('click','.pagination a',function(e){e.preventDefault(); app.goPage($(this).attr('href'));});

$(document).ready(function(){
 $(".sortableTbody").sortable({
  placeholder: "stateHighlight",axis:'y',cursor: "move",opacity: 0.9, update : function(event, ui){
    var namearrays = [],idarrays = [];
    $('.sortableTbody tr.sortableTr').each(function(index,element) { idarrays.push($(this).attr('data-id')); namearrays.push($(this).attr('data-name')); });
    app.changeSort({idarrays:idarrays, namearrays:namearrays});
  }
 });
});
</script>

حالا ممنون میشم راهنمایی کنید چیکار کنم ؟