小程序插件开发的实用方法与技巧指南
1290
2022-10-11
小程序城市选择器, 省市区三级联动(微信小程序城市选择)
wx-city-picker
小程序城市选择器, 省市区三级联动
配置
参数
选项名 | 类型 | 是否必填 | 默认值 | 描述 |
---|---|---|---|---|
mode | Number | false | 1 | 选择器类型:1-省市区选择,2-省市选择 |
codes | Array | false | [0, 0, 0] | 省市(区)的编码数组,如:[110000, 110100, 110101] |
data | Array | true | 省市区数据,省市区数据示例:pca.js ,省市数据示例:pc.js | |
childkey | String | false | 'children' | 数据中子数组键名 |
idkey | String | false | 'id' | 省市区编码键名 |
namekey | String | false | 'name' | 省市区名称键名 |
事件
选项名 | 类型 | 是否必填 | 描述 |
---|---|---|---|
select | Function | true | 返回选中省市(区)信息 |
使用
引入
npm 引入
npm i -S wx-city-picker
{ "usingComponents": { "city-picker": "/components/wx-city-picker/index" }}
手工-至项目/components 目录
{ "usingComponents": { "city-picker": "/components/wx-city-picker/index" }}
wxml
js
import {CityList} from './pca.js';Page({ data: { codes: [], city: '', citylist: CityList }, onSelect(e) { this.setData({ codes: e.detail.code, city: e.detail.value }) }})
其他小程序插件
wx-slide-tabs:类似可滑动的新闻菜单栏
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~