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)
            },

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