小程序城市选择器, 省市区三级联动(微信小程序城市选择)

网友投稿 1290 2022-10-11

小程序城市选择器, 省市区三级联动(微信小程序城市选择)

小程序城市选择器, 省市区三级联动(微信小程序城市选择)

wx-city-picker

小程序城市选择器, 省市区三级联动

配置

参数

选项名类型是否必填默认值描述
modeNumberfalse1选择器类型:1-省市区选择,2-省市选择
codesArrayfalse[0, 0, 0]省市(区)的编码数组,如:[110000, 110100, 110101]
dataArraytrue省市区数据,省市区数据示例:pca.js ,省市数据示例:pc.js
childkeyStringfalse'children'数据中子数组键名
idkeyStringfalse'id'省市区编码键名
namekeyStringfalse'name'省市区名称键名

事件

选项名类型是否必填描述
selectFunctiontrue返回选中省市(区)信息

使用

引入

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

{{city}}

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小时内删除侵权内容。

上一篇:js将页面上取得的元素坐标转换为电脑屏幕坐标
下一篇:精华 k8s 入门安装配置并部署nginx
相关文章

 发表评论

暂时没有评论,来抢沙发吧~