vue表格操作按鈕點擊選擇切換狀態(tài)時芳悲,再次點擊該按鈕取消選擇
結果出現(xiàn)數(shù)據(jù)狀態(tài)已經(jīng)改變疟暖,但是表格上的按鈕并未改變
解決方法:
this.$set:
當你發(fā)現(xiàn)你給對象加了一個屬性讹俊,在控制臺能打印出來诽嘉,但是卻沒有更新到視圖上時挺举,也許這個時候就需要用到this.$set()這個方法了
案例:
1.在<template></template>標簽的代碼
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)并不起作用
在這個基礎上加上了 this.$set(this.tableTicket,scope.$index,scope.row)【意思是該表格中的哪行對象的內(nèi)容】捐名,讓他針對性更加準確
但是還是不起作用
最后加上this.$forceUpdate()【強制刷新】這個是由于數(shù)據(jù)層次太多询刹,需手動強制刷新
完美谜嫉!