双击按钮.PNG
@row-dblclick="rowDblclick"在表格上双击修改数据出现错误,只能修改一次在点击一次会出现错误
双击报错.PNG
出错的原因类似生命周期的问题
<el-table border stripe v-autoHeight ref="table" @row-click="rowClick" @row-dblclick="rowDblclick">
rowDblclick(row){
this.$refs.table.toggleRowSelection(row, true);
this.getMenu(row);
},
rowClick: function (row, event) {
this.$refs.table.toggleRowSelection(row, this.multipleSelection.indexOf(row) == -1 ? true : false);
},
主要的问题时ref=“table”所以当调用点击方法时table可能用于别的地方会造成冲突
改正:换掉ref的值即可
ref=“tableName”换掉
this.$refs.tableName.toggleRowSelection