Skip to content

area 区域选择

TIP

支持 el-cascader 的所有属性

基础用法

vue
<script setup lang="ts">
import type { BasicForm } from '@/types/form'

const formConfig = reactive<BasicForm>({
  formItems: [
    {
      label: '',
      value: '',
      name: '',
      type: 'area',
    },
  ],
})
</script>

属性

ts
interface Props {
  modelValue: string
  type?: 'province' | 'city' | 'area'
  props?: CascaderProps
  request?: () => Promise<any>
}
参数说明类型默认值可选值
v-model选中项绑定值String
type地区类型Stringareaprovince city area
props配置选项CascaderProps{value: 'id'}
request请求数据的方法FunctiongetAreaList (位于 api/area)