文章统计:188字,预计阅读:小于一分钟。

vue3 组件-省市区城市选择器

该组件依赖element-plus

基础用法

<script setup lang="ts">
import { SelectAreaEmits } from "@tomiaa/vue3-components"

const change: SelectAreaEmits["change"] = data => {
  console.log(data)
}
</script>

<template>
  <KSelectArea @change="change" />
</template>

按需引入

<script setup lang="ts">
import { KSelectArea } from "@tomiaa/vue3-components"
</script>

属性

属性说明类型必填
provinceAttrs省下拉框属性,el-select 的属性Object
cityAttrs市下拉框属性,el-select 的属性Object
areaAttrs区下拉框属性,el-select 的属性Object

事件

事件名说明参数TS 类型
change最后一项下拉框选择后(data: SelectAreaChange)SelectAreaEmits["change"]

类型声明

import type {
  SelectAreaProps, // 属性声明
  SelectAreaEmits, // 事件声明
} from "@tomiaa/vue3-components"

// SelectAreaProps["属性名"]
// SelectAreaEmits["事件名"]
// const prop: SelectAreaProps["属性名"] = xxx
// const func: SelectAreaEmits["事件名"] = function
最后更新时间:
贡献者: tomiaa