微信小程序----picker选择器(picker、省市区选择器)(MUI选择器)
效果图
实现原理
利用微信小程序的picker组件,其中:
1,普通选择器:mode = selector实现一级选择实例;
2,省市区选择器:mode = region实现省市区三级联动;
3, 多列选择器:mode = multiSelector实现二级和三级联动的10以内数字的乘法。
WXML
<view class="tui-picker-content">
<view class="tui-picker-name">一级选择实例</view>
<picker bindchange="changeCountry" value="{
{
countryIndex}}" range="{
{
countryList}}">
<view class="tui-picker-detail">{
{
countryList[countryIndex]}}</view>
</picker>
</view>
<view class="tui-picker-content">
<view class=