vue element-UI table 表格如何强制重新渲染数据？

Question

1.点击查看隐藏当前按钮和这个内容，显示另一个内容能。

2.刚开始是手动display:none,发现翻页后，下一页当前单元格none的效果竟然依然在。
3.于是我试图

<el-table-column label="rfid值" align="center" v-if="value222">
  <template slot-scope="scope">
    <span v-if="!scope.row.ifShow">
      <span :id="scope.row.rfid">{{ scope.row.rfid|rfid}}</span>
      <el-button type="text" @click="showrfid($event,scope.row)">查看</el-button>
    </span>
    <span v-else>{{scope.row.rfid}}</span>
  </template>
</el-table-column>

点击的时候给scope.row添加个ifShow属性，添加是添加上了，但是表格并不会因为这个重新渲染。
似乎只会根据 el-table :data="rfidInfo" 这个data重新渲染。

Answer 1

把代码贴一下，理论上是不存在的。

https://jsfiddle.net/y4caezym/

Answer 2

点击事件里通过$set解决了。具体代码：

showrfid(event,row){
  this.rfidInfo[row.$index].ifShow=true;
  this.$set(this.rfidInfo,row.$index,this.rfidInfo[row.$index]);
},

顺便，感谢楼上的热心回答。