AddressPicker 地址选择器

使用el-cascader级联选择器封装的地址选择器。依赖于后端接口的数据结构

事前准备

由于组件依赖后端接口，所以需要在注册组件库时传入areaApi选项。你可以查看areaApi的类型定义，确保传入正确的接口。

完整引入

import { area } from '@/api'
import DgAdminComponent from '@degon/admin-component-vue3'
// ...
createApp(App)
  .use(DgAdminComponent, {
    areaApi: area
  })

按需引入

import { area } from '@/api'
import { DgAddressPicker } from '@degon/admin-component-vue3'
// ...
createApp(App)
  .use(DgAddressPicker, {
    areaApi: area
  })

基础使用

<dg-address-picker v-model="area" />

<script setup>
import { ref } from 'vue'
const area = ref<number[]>()
</script>

Attributes

参数	类型	说明	可选值	默认值
model-value / v-model	number[]	绑定值	-	-

TIP

其他参数请移步el-cascader