vxe-table--注意点

1、动态删除 当前行

vex-table通过rowIndex获取当前行索引

 <vxe-column title="操作" width="100">
     <template #default="{ row, column, rowIndex, columnIndex }">
         <vxe-button type="text" @click="delColunm(rowIndex)">删除</vxe-button>
     </template>
 </vxe-column>

方法

    delColunm(index) {
      this.tableData.splice(index, 1)
    },

2、vxe-table的表头中必填项：通过调用 validate 函数校验数据，edit-rules 校验规则配置。

HTML 代码
<vxe-table>
   :edit-rules="validRules"
   <vxe-table-column field="" title="" width="" :edit-render="{name: 'input'}">
   </vxe-table-column>
</vxe-table>

// 对validRules进行实现
data(){
  return {
     tableData: [],
     字段名: [
        { required: true, message: '必须填写' }
     ],
  }
}