更新记录
1.0.5(2022-03-31)
下载此版本
插件名称修改
1.0.3(2022-03-23)
下载此版本
bug修复
1.0.2(2022-03-23)
下载此版本
bug修复
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
bluestar-AreaSelection
区划选择
引入
在script标签中引入组件
//使用HBuilderX导入插件
import AreaSelection from "@/uni_modules/bluestar-AreaSelection/components/bluestar-AreaSelection/bluestar-AreaSelection.vue"
//使用npm install
import AreaSelection from "bluestar-areaselection/components/bluestar-AreaSelection/bluestar-AreaSelection.vue"
代码演示
<template>
<AreaSelection :show="show" :topArea="topArea" @close="close" @sure="sure"></AreaSelection>
</template>
<script setup lang="ts">
import {reactive, ref} from "vue"
const show = ref(false)
const topArea : any = reactive({
areaName : '仙桃市',
areaCode : '429004',
})
const close = () => {
show.value = false
}
const sure = (obj : object) => {
console.log('areaCode:' + obj)
}
</script>
API
Props
参数 |
说明 |
类型 |
默认值/参考值 |
show |
是否显示弹出层 |
boolean |
false |
topArea |
顶级地市区域名称/编码 |
object |
{"areaName":"仙桃市","areaCode":"429004"} |
Events
事件名称 |
说明 |
回调参数 |
bing:close |
点击取消按钮时触发 |
- |
bind:sure |
点击确定按钮时触发 |
选中值 |
作者