crud列表配置项中-下拉菜单-dicUrl 默认不加载全部数据，仅通过关键字进行搜索

remoteMethod方法一直无法触发是什么原因

1条回答

1小时前

远程搜索参考：https://avuejs.com/form/form-select.html#%E8%BF%9C%E7%A8%8B%E6%90%9C%E7%B4%A2

配置remote为true即可开启远程搜索，其中dicUrl中'{{key}}'为用户输入的关键字

<template>
  <avue-form :option="option"
             v-model="form"></avue-form></template><script setup>import { ref } from 'vue';const baseUrl = 'https://api.avuejs.com/area';const form = ref({
  province: '110000',
  province1: '110000,120000,130000,140000'});const option = ref({
  column: [
    {
      label: '省份单选',
      prop: 'province',
      type: 'select',
      remote: true,
      props: {
        label: 'name',
        value: 'code'
      },
      dicUrl: `${baseUrl}/getProvince?id={{key}}`,
      rules: [
        {
          required: true,
          message: '请选择省份',
          trigger: 'blur'
        }
      ]
    },
    {
      label: '省份多选',
      prop: 'province1',
      type: 'select',
      multiple: true,
      remote: true,
      props: {
        label: 'name',
        value: 'code'
      },
      dicUrl: `${baseUrl}/getProvince?id={{key}}`,
      rules: [
        {
          required: true,
          message: '请选择省份',
          trigger: 'blur'
        }
      ]
    }
  ]});</script>