微信小程序-省市区三级联动(api)

[复制链接]
hyt_xcx手机认证 实名认证 视频认证 发表于 2016-12-11 16:52:43 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
因小程序picker组件自身的限制,需自行模拟省市区三级联动,引入了bluebrid的promise兼容库
使用方法

  • 在目标 .wxml 文件中引用 selectarea.wxml 文件;

  1. <include src="../../selectarea/selectarea.wxml"/>
复制代码
  • 在目标 .wxss 文件中引用 selectarea.wxss 文件;
  1. @import "../../selectarea/selectarea.wxss";
复制代码
  • 在目标 .js 文件中引用 selectarea.js 文件, 并定义好如下对象;
  1. import { SA } from '../../selectarea/selectarea';
复制代码
  1. const conf = {

  2.     onLoad: function (options) {

  3.         SA.load(this); // 初始化区域

  4.     },

  5.     choosearea() { // 页面弹框触发事件

  6.         SA.choosearea(this);

  7.     },

  8.     addDot() { // 字符串截取

  9.         SA.addDot(this);

  10.     },

  11.     tapProvince(e) { // 点击省份

  12.         SA.tapProvince(e, this);

  13.     },

  14.     tapCity(e) { // 点击城市

  15.         SA.tapCity(e, this);

  16.     },

  17.     tapDistrict(e) { // 点击区域

  18.         SA.tapDistrict(e, this);

  19.     },

  20.     cancel() { // 取消选择

  21.         SA.cancel(this);

  22.     },

  23.     confirm(e) { // 确认选择区域

  24.         SA.confirm(e, this);

  25.     }

  26. }
复制代码
API使用的是http的,故在预览时需开启 '开发环境不校验域名以及TLS版本',可结合自身项目更改 .selectarea.js 文件中的API地址;
11111.gif


项目地址:
游客,如果您要查看本帖隐藏内容请回复



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注源码分享,教程分享
全国服务电话

187-8198-7163

周一至周8:00-22:00

反馈建议

cdhaoyt@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.( 蜀ICP备16032957号-1