中国课件站,中国黑社会大哥排行榜,3d预测免费neiba
项目中需求用到可编辑表格
下图这种 ↓
element ui 组件table表格中 增加template 模版
翻入input
根据业务逻辑增加全局变量 isedit 是否变化。
<el-table-column label="名称" width="140"> <template scope="scope"> <el-input v-if="scope.row.isedit && scope.row.status === 0" v-model="scope.row.name" ></el-input> <label v-if="scope.row.status === 1" class="indisable">{{scope.row.name +'(已禁用)' || '--'}}</label> <label v-if="!scope.row.isedit && scope.row.status === 0">{{scope.row.name || '--'}}</label> </template> </el-table-column>
编辑函数 :@lick="edit"
edit (val) { this.initupdateval = val.name val.isedit = true },
以上这篇对vue table 动态表格td可编辑的方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
详解element上传组件before-remove钩子问题解决
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
网友评论