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

  1. 点击查看隐藏当前按钮和这个内容,显示另一个内容能。
    https://img3.mukewang.com/5ca463d80001f5a106580158.jpg

    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重新渲染







胡说叔叔
浏览 31133回答 1
1回答

慕雪6442864

点击事件里通过$set解决了。具体代码:showrfid(event,row){&nbsp; this.rfidInfo[row.$index].ifShow=true;&nbsp; this.$set(this.rfidInfo,row.$index,this.rfidInfo[row.$index]);},顺便,感谢楼上的热心回答。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript