宝哥软件园

Vue表动态表td的编辑方法详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

项目中需要可编辑的表格

这种

模板模板被添加到元素UI组件的表中

输入

根据业务逻辑,增加全局变量isEdit是否变化。

El-table-列标签=' name' width=' 140 '模板作用域=' scope ' El-输入v-if=' scope。row . iseditscope . row . status===0 ' v-model=' scope . row . name '/El-input label v-if=' scope。row . status====1“class=”在disable“{ scope。row.name '(已禁用)' | |'-'}}/labellabel v-if='!范围。row . iseditscope . row . status===0“{ scope . row . name | |“-”}/label/template/El-table-column编辑函数:@lick='edit '

编辑(val){这个。initupdateval=val。纳姆瓦尔。isedit=true},以上对Vue表动态表td的编辑方法的详细说明都是边肖分享的内容。希望能给大家一个参考,多支持我们。

更多资讯
游戏推荐
更多+