为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

胡说叔叔 2019-03-27 13:17:05
点击查看隐藏当前按钮和这个内容,显示另一个内容能。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重新渲染
查看完整描述

1 回答

?
慕雪6442864

TA贡献1812条经验 获得超5个赞

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


showrfid(event,row){

  this.rfidInfo[row.$index].ifShow=true;

  this.$set(this.rfidInfo,row.$index,this.rfidInfo[row.$index]);

},

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


查看完整回答
反对 回复 2019-04-03
  • 1 回答
  • 0 关注
  • 31132 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号