编辑表单时的第一次点击无内容解决

表单：

<template>
  <a-modal
    :title="formTitle"
    :visible="visible"
    :confirm-loading="confirmLoading"
    :footer="null"
    :closable="false"
  >
    <a-form @submit="handleSubmit" :form="form">
      <a-form-item
        label="区域名"
        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
        :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
      >
        <a-input
          v-decorator="[
            'assessmentName',
            { rules: [{ required: true, message: '请输入区域名' }] },
          ]"
          placeholder="请输入区域名称"
          :value="columns.assessmentName"
        />
      </a-form-item>
    </a-form>
  </a-modal>
</template>

主要就是添加nexttick对表单进行一个未知操作即可一次点亮内容

export default {
  data() {
    return {
      columns: [
        {
          title: "区域描述",
          align: "center",
          dataIndex: "description",
          width: 120,
        }
    ]
    }
  },
methods:{
    updateModel(record) {
      this.formTitle = "修改区域";
      this.visible = true;
      this.$nextTick(() => {
        this.form.setFieldsValue({
          description: record.description,
        });
      });
    },
  }
}