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

109 阅读 0 评论 72 点赞

复制代码

1

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

复制代码

1
2
3
4
5
{
        "propertyId": 4,
        "propertyName": "标题",
        "propertyType": 0
 }

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

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

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

复制代码

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

以上就是欣慰蓝天最近收集整理的关于element-ui 中 el-table 根据scope.row行数据变化动态显示行内控件的全部内容，更多相关element-ui内容请搜索靠谱客的其他文章。

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