欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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)
            },
相关标签: 前端