vxe-table表头中必填项如何添加*和提示消息

关于vxe-table的表头中必填项如何添加*和提示消息，查看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: '必须填写' }

                ],

              }

            }

}

vxe-table在表格中如何实现新增行？采用insertEvent（row）函数，如果需要在尾行增加，则使用参数insertEvent（-1），具体代码如下：

下面展示一些 内联代码片。

HTML代码

 <vxe-toolbar>

          <template v-slot:buttons>

            <vxe-button icon="fa fa-plus" @click="insertEvent()">新增</vxe-button>

            <vxe-button @click="insertEvent(-1)">在最后行插入</vxe-button>

          </template>

        </vxe-toolbar>

 async insertEvent (row) {

              let { row: newRow } = await this.$refs.xTable.insertAt(record, row)

              await this.$refs.xTable.setActiveCell(newRow)

            },

但是存在一个尾数据添加首先显示在第一行，然后填写了一个数据后，才显示在行尾。。。这个问题后续解决。

原文链接：https://blog.csdn.net/weixin_44232293/article/details/107182551