微信小程序-省市區聯動選擇器

wx_selectArea

地址聯動選擇器採用微信小程序的 picker-view 組件

模板引入

提供 template 模板引入

1. 引入wxml及wxss

// example.wxml
<import src="../../template/index.wxml"/>
<template is="areaPicker" data="{{...areaPicker}}" />

// example.wxss
@import '../../template/index.wxss';

1. 組件初始化

// 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...