elementui 表格表头竖着显示_vue+elementUI可编辑表格、表头由数据遍历生成以及elinput自动获取焦点...

1、实现的效果图

a、正常情况下：

b、点击某项并且是可编辑时，显示input框并自动获取焦点：

c、当input框失去焦点或者改变值按回车，又变回a图

2、重点代码

(1)html部分

>

>

/>

>{ {scope.row[it.code].value}}

(2)js

methods: {

handleEdit(row, it) {//遍历数组改变editeFlag

if(it.editeFlag) {

row[it.code].editing= true;this.$nextTick(function() {//DOM 更新了

console.log(this.$refs.inputRef);this.$refs.inputRef[0].focus();

});

}

},

closeEdit(row, it) {

row[it.code].editing= false;

}

}

(3)数据：

this.xmls =[

{ id:1, name: "A", code: "aaa", edite