vue+Element 实现table表格可编辑(select下拉框 input输入框)

实现思路:

  1. 聚焦在当前行的时候,可以进行文本的编辑,或者下拉框的选择,主要用到 highlight-current-row 这个样式

  2. 借助template组件进行编辑

具体代码如下:


        
            
        
                    
        
            
        

        
            
        

css样式:

.tb-edit .el-input {
    display: none
}
.tb-edit .current-row .el-input  {
    display: block
}
.tb-edit .current-row .el-input+span {
    display: none
}

你可能感兴趣的:(vue+Element 实现table表格可编辑(select下拉框 input输入框))