基于vue3.0的element-plus省市区选择器

git地址:https://github.com/ht-sauce/elui-china-area-dht

1. 下载

npm i elui-china-area-dht

2. 在组件中使用

<template>
  <div class="app">
    <!--默认使用-->
    <elui-china-area-dht @change="onChange"></elui-china-area-dht>
    <!--带isall参数和leave参数示例-->
    <elui-china-area-dht isall :leave="2" @change="onChange"></elui-china-area-dht>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
// 参数取值 import { EluiChinaAreaDht } from 'elui-china-area-dht' const chinaData = new EluiChinaAreaDht.ChinaArea().chinaAreaflat export default defineComponent({ components: { EluiChinaAreaDht, }, setup() { function onChange(e) { const one = chinaData[e[0]] const two = chinaData[e[1]] console.log(one, two) } return { onChange, } }, }) </script>

 

参数

类型

说明

可选值

默认值

isall

Boolean

是否有全部按钮

 

false

leave

Number

数据可选层级,3代表省市区三级级联选项

0,1,2,3

不带参数:

基于vue3.0的element-plus省市区选择器

 

带参数:

 基于vue3.0的element-plus省市区选择器

 

 参考:https://www.yuque.com/cv8igf/gaxplg/btzy5i

上一篇:树莓派从DHT11读取温湿度


下一篇:ESP8266 NodeMCU小白手把手入门(实操篇)以土壤湿度和DHT传感器为例讲解读取传感器的值