avue-crud的搜索下拉框设置默认选中

avue-crud 是一个基于 Vue.js 的前端组件库，它提供了一套简洁而高效的 CRUD（创建、读取、更新、删除）界面解决方案。在使用 avue-crud 进行开发时，设置搜索下拉框的默认选中值可以通过 `el-form` 组件中的 `v-model` 绑定实现。

通常，在 `avue-crud` 的表格列定义中，下拉框会通过 `dict` 或 `enum` 属性来定义可选的值。要设置默认选中的值，你需要确定下拉框的 `field` 属性值，然后在数据中找到对应的字段，并在初始化数据时将其设置为你想要默认选中的值。

以下是一个简单的示例代码，展示如何设置搜索下拉框的默认选中值：

<template>
  <avue-crud :form.sync="form" :columns="columns" :api="api"></avue-crud>
</template>

<script>
export default {
  data() {
    return {
      form: {
        search: {
          dropdownValue: 'defaultSelected' // 默认选中的值
        }
      },
      columns: [
        {
          title: '下拉框',
          key: 'dropdown',
          type: 'select',
          field: 'dropdownValue',
          dicUrl: '/path/to/dict/data', // 假设这是从后端获取字典数据的API
          enum: [
            { value: 'option1', label: '选项1' },
            { value: 'defaultSelected', label: '选项2' },
            { value: 'option3', label: '选项3' }
          ],
          required: true,
          props: {
            clearable: false
          }
        }
      ],
      api: {
        get: '/path/to/your/api', // 你的数据获取API
        post: '/path/to/your/api', // 你的新增API
        delete: '/path/to/your/api', // 你的删除API
        put: '/path/to/your/api' // 你的修改API
      }
    };
  },
};
</script>

在上面的代码中，`form` 对象中的 `search` 属性定义了搜索表单的初始状态，其中 `dropdownValue` 字段的值被设置为 `'defaultSelected'`，这是 `enum` 中定义的其中一个选项的值。这样，当页面加载时，下拉框会默认选中 `'选项2'`。