微信小程序-省市区联动选择器_微信小程序

上一篇: 微信小程序调研下一篇:微信小程序WebSocket相关问题说明

微信小程序-省市区联动选择器

发布时间：2019-08-05 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了微信小程序-省市区联动选择器，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

wx_selectArea
地址联动选择器采用微信小程序的 picker-view 组件
模板引入
提供 template 模板引入
引入wXMl及wxss


      
      
      PE="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="// example.wxML



// example.wxss
@import '../../template/index.wxss';" tITle="" data-original-title="复制">
      
      
// example.wxml
<import src="../../template/index.wxml"/>
<template is="areaPicker" data="{{...areaPicker}}" />

// example.wxss
@import '../../template/index.wxss';
组件初始化

      
      
      
      
      
// example.js

import initAreaPicker, { getSelectedAreaData } From '../../template/index';
Page({
    onShow() {
      initAreaPicker({
        // hideDistrict: true, // 是否隐藏区县选择栏，默认显示
      });
    },
    getSelecedData() {
        console.table(getSelectedAreaData()); // 提供`getSelectedAreaData`方法，返回当前选择的省市区信息组成的数组
    }
});

截图


旧版
小程序不支持 picker-view 组件时，用 scroll-view 模拟的联动选择器（不再维护）

GitHub地址(含新旧两个版本)： https://github.com/treadpit/w...