avue crud select动态设置默认值

在 Avue CRUD 组件中，你可以动态设置 `select` 组件的默认值。你可以使用 `before-show` 事件来在显示表单之前执行一些操作，包括设置默认值。以下是一个示例：

<template>
  <avue-crud ref="crud" :config="crudConfig" @before-show="handleBeforeShow"></avue-crud>
</template>

<script>
export default {
  data() {
    return {
      crudConfig: {
        formOptions: [
          {
            type: 'select',
            label: 'Select',
            prop: 'selectValue',
            options: [
              { label: 'Option 1', value: 'option1' },
              { label: 'Option 2', value: 'option2' },
              { label: 'Option 3', value: 'option3' }
            ],
            defaultValue: '' // 初始值为空
          }
        ]
      }
    };
  },
  methods: {
    handleBeforeShow() {
      // 在显示表单之前设置默认值
      this.$refs.crud.form.selectValue = 'option2'; // 设置默认值为选项2的value值
    }
  }
};
</script>

在上面的示例中，我们通过监听 `before-show` 事件，在显示表单之前执行 `handleBeforeShow` 方法。在该方法中，我们可以通过 `$refs` 来访问 CRUD 组件的表单数据，并设置 `selectValue` 的默认值为 `'option2'`。你可以根据实际需求修改 `handleBeforeShow` 方法来动态设置不同的默认值。