vue表格操作按鈕點擊選擇切換狀態(tài)時，再次點擊該按鈕取消選擇

結(jié)果出現(xiàn)數(shù)據(jù)狀態(tài)已經(jīng)改變，但是表格上的按鈕并未改變

解決方法:

this.$set:

當(dāng)你發(fā)現(xiàn)你給對象加了一個屬性，在控制臺能打印出來，但是卻沒有更新到視圖上時，也許這個時候就需要用到this.$set（）這個方法了

案例：

1.在<template></template>標(biāo)簽的代碼

2.方法中的代碼

點擊觸發(fā)方法的時候：

調(diào)用方法this.$set(target,key,value)

target：要更改的數(shù)據(jù)源(可以是對象或者數(shù)組)

?key：要更改的具體數(shù)據(jù)

?value ：重新賦的值

一開始先添加的這個this.$set( tableRow, ‘btnStatus’, true)【意思是更新視圖上表格中該行的數(shù)據(jù)】然后發(fā)現(xiàn)并不起作用

在這個基礎(chǔ)上加上了 this.$set(this.tableTicket,scope.$index,scope.row)【意思是該表格中的哪行對象的內(nèi)容】，讓他針對性更加準(zhǔn)確

但是還是不起作用

最后加上this.$forceUpdate()【強制刷新】這個是由于數(shù)據(jù)層次太多，需手動強制刷新

完美！