行编辑自定义添加，一次添加多条会卡顿

一、该问题的重现步骤是什么？

1. 

<avue-crud

          ref="crud"

          :option="templateOption"

          :data="form.settlementTemplate"

          v-model="formData"

          @row-update="addUpdate"

          @row-save="rowSave"

          @row-del="rowDel"

          ><template #menu-right>

            <el-button type="primary" text @click="copyTemplate">复制模板</el-button>

          </template>

          <template #menu="{ row, index }">

            <el-button

              v-if="row.$cellEdit && form.settlementTemplate.length > 1"

              type="primary"

              text

              @click="crud.rowCancel(row, index)"

              >取消</el-button

            >

            <el-button

              type="primary"

              v-if="form.settlementTemplate.length > 1"

              text

              @click="crud.rowDel(row, index)"

              >删除</el-button

            >

            <el-button type="primary" text @click="AddTemplate(row, index)">新增一行</el-button>

          </template>

2. 

const AddTemplate = (row, index) => {

  form.value.settlementTemplate.splice(index + 1, 0, { $cellEdit: true, isLadder: 0 });

};

3.自定义新增一行，一次添加10-20条就会卡顿

二、你期待的结果是什么？实际看到的又是什么？

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。