elementui 的 Table 单击可编辑
程序员文章站
2022-03-04 11:52:08
...
<el-table-column prop="p_net" label="静压力">
<template slot-scope="{row,$index}">
<div @click="{{ChangeNumB($index)}}">
<el-input v-if="editableB[$index]"
@change="PostBengYaYuChe(item,3,i,$index)"
v-model='row.p_net'>
</el-input>
<span v-else>{{row.p_net}}</span>
</div>
</template>
</el-table-column>
数据:
editableB: [], // 折叠表B
方法
ChangeNumB(row) {
this.editableB[row] = true;
this.$set(this.editableB, row, true)
},
// 离开焦点可以直接在选择焦点以后调用
Bluees(index) { // 离开焦点
this.editable[index] = false;
this.$set(this.editable, index, false)
this.$set(this.editableB, index, false)
},
上一篇: 自定义标签使用
推荐阅读
-
elementUI table表格动态合并的示例代码
-
vue elementUI table表格数据 滚动懒加载的实现方法
-
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
-
对Vue table 动态表格td可编辑的方法详解
-
一个可以增加和删除行的table并可编辑表格中内容
-
CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
-
Mac中的文字编辑有哪些功能可助小编进行文字编辑
-
一样的table?不一样的table(可编辑状态table)
-
layui的table单击行勾选checkbox功能方法
-
angularjs实现table表格td单元格单击变输入框/可编辑状态示例