element-ui 中 el-table 根据scope.row行数据变化动态显示行内控件

92 阅读 0 评论 61 点赞

我是靠谱客的博主欣慰蓝天，最近开发中收集的这篇文章主要介绍element-ui 中 el-table 根据scope.row行数据变化动态显示行内控件，觉得挺不错的，现在分享给大家，希望可以做个参考。


加入本行的数据为scope.row，其数据格式为

{
        "propertyId": 4,
        "propertyName": "标题",
        "propertyType": 0
 }

如果这里v-show=“scope.row.edit”，因为scope.row本来没有edit这个字段，当在vue的methods中改变edit值时，不能立刻反应在view中。

所以只能绑定scope.row已存在的字段，但是又出现一个问题，改变绑定的字段时数据的变化会反应在表格数据上。

解决办法：绑定scope.row.propertyId，不改变其值，改变其类型，根据其类型设置按钮是否显示

<el-table-column label="操作">
              <template scope</

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。