antdv form select 回显

antdv form 中的 select 组件回显需要注意以下几个点：

1. 在 form 中使用 select 组件时，需要给 select 组件设置一个初始值 initialValue，这个值可以在表单数据初始化时设置。

2. 如果后台返回的数据中包含 select 组件的值，需要将这个值赋给 select 组件的 value 属性。

3. 如果后台返回的数据中包含 select 组件的标签文本，可以将这个文本显示在 select 组件的 label 属性中，以便用户查看。

4. 如果后台返回的数据中包含 select 组件的选项列表，需要将这个列表保存下来，以便用户在下拉框中选择。

下面是一个示例代码：

<template>
  <a-form :form="form" @submit="handleSubmit">
    <a-form-item label="Select">
      <a-select v-model="selectedValue" :options="options" />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" html-type="submit">Submit</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
import { defineComponent, ref, reactive } from 'vue'
import { Form, Button, Select } from 'ant-design-vue'

export default defineComponent({
  setup() {
    const form = reactive({
      selectValue: '',
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' },
      ],
    })

    const handleSubmit = () => {
      console.log(form.selectValue)
    }

    return {
      form,
      handleSubmit,
    }
  },
})
</script>

在表单数据初始化时，可以将 select 组件的初始值设置为 option2：

form.selectValue = 'option2'

如果后台返回的数据中包含 select 组件的值为 option1，可以将这个值赋给 select 组件的 value 属性：

form.selectValue = 'option1'

如果后台返回的数据中包含 select 组件的标签文本为 Option 3，可以将这个文本显示在 select 组件的 label 属性中：

form.options.forEach((option) => {
  if (option.value === 'option3') {
    form.selectLabel = option.label
  }
})

如果后台返回的数据中包含 select 组件的选项列表为：

[
  { label: 'Option 1', value: 'option1' },
  { label: 'Option 2', value: 'option2' },
  { label: 'Option 3', value: 'option3' },
]

可以将这个列表保存下来：

form.options = [
  { label: 'Option 1', value: 'option1' },
  { label: 'Option 2', value: 'option2' },
  { label: 'Option 3', value: 'option3' },
]