vue中实现可编辑table及其中加入下拉选项

目录

• 可编辑table及其中加入下拉选项
• vue表头下拉选择框使用总结
• 1.在el-table-culumn中，加入template标签
• 2.设置handleCommand方法

可编辑table及其中加入下拉选项

可以通过设置js里的show:true让该行处于默认编辑状态

出来效果图

vue表头下拉选择框使用总结

1.在el-table-culumn中，加入template标签

使用：

2.设置handleCommand方法

（当时没使用handleCommand方法做缓冲，在刷新时，第一次刷新不会赋值，第二次刷新会得到上次刷新的值。）

handleCommand(command) {
  if(command == '属性0' ){
    this.sx= '0'
  } else if (command === '属性1') {
    this.sx = '1'
  } else if( command === '属性2') {
    this.sx = '2'
  } else if (command === '属性3') {
    this.sx = '3'
  } else if (command === '属性4') {
    this.sx = '4'
  } else if( command === '属性5') {
    this.sx = '5'
  } else if (command === '属性6') {
    this.sx = '6'
  }
  this.刷新方法;
},

但是在使用过程中，点击下拉框中数据时，会出现执行两次handleCommand()方法的情况。通过一天的询问与查找，得到解决办法。

问题出现在标签上，当点击框中数据时，数据响应一次handleCommand()方法，也会响应一次handleCommand()方法。

所以，应该去掉标签与标签。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。