<template>
<view>
<view class="cu-form-group mb20">
<view class="title">所在地区</view>
<view class="uni-list-cell-db">
<picker mode="multiSelector" @change="handleMultiChange" @columnchange="handleMultiSelector"
:value="multiIndexList" :range="areaList" range-key="name">
<view class="uni-input">{{selectAreaName}}</view>
</picker>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
selectAreaName: '选择省市区',
multiIndexList: [0, 0, 0],
/* 省市县列表 */
areaList: [
[{
"id": "1",
"name": "北京市",
"level": "1",
"parent_id": "0"
}, {
"id": "338",
"name": "天津市",
"level": "1",
"parent_id": "0"
}, {
"id": "636",
"name": "河北省",
"level": "1",
"parent_id": "0"
}, {
"id": "3102",
"name": "山西省",
"level": "1",
"parent_id": "0"
}],
[{
"id": "4670",
"name": "内蒙古自治区",
"level": "1",
"parent_id": "0"
}, {
"id": "5827",
"name": "辽宁省",
"level": "1",
"parent_id": "0"
}, {
"id": "7531",
"name": "吉林省",
"level": "1",
"parent_id": "0"
}, {
"id": "8558",
"name": "黑龙江省",
"level": "1",
"parent_id": "0"
}, {
"id": "10543",
"name": "上海市",
"level": "1",
"parent_id": "0"
}, {
"id": "10808",
"name": "江苏省",
"level": "1",
"parent_id": "0"
}],
[{
"id": "46047",
"name": "新疆维吾尔自治区",
"level": "1",
"parent_id": "0"
}, {
"id": "47493",
"name": "台湾省",
"level": "1",
"parent_id": "0"
}]
],
};
},
onLoad() {
setTimeout(()=>{
this.$set(this.multiIndexList, 0, 2);
this.$set(this.multiIndexList, 1, 4);
this.$set(this.multiIndexList, 2, 1);
console.log(this.multiIndexList);
},2000);
},
methods: {
/* 确定选择省市县 */
handleMultiChange(e) {
console.log(e);
},
/* 获取选中的数据 */
handleMultiSelector(e) {
console.log(e);
},
}
}
</script>
<style lang="scss">
</style>

- 发布:2023-06-28 11:08
- 更新:2023-06-28 11:56
- 阅读:140
产品分类: uniapp/小程序
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.2 (22D49)
HBuilderX类型: 正式
HBuilderX版本号: 3.8.6
第三方开发者工具版本号: 1.10.0
基础库版本号: 1.58.0
项目创建方式: HBuilderX
示例代码:
操作步骤:
运行即可看到效果
微信小程序 不执行@columnchange方法 console.log(e); 不打印
快手小程序 执行@columnchange方法 console.log(e); 打印
运行即可看到效果
微信小程序 不执行@columnchange方法 console.log(e); 不打印
快手小程序 执行@columnchange方法 console.log(e); 打印
预期结果:
快手小程序 不打印
快手小程序 不打印
实际结果:
不执行@columnchange方法
不执行@columnchange方法
1***@qq.com (作者)
我试试
2023-06-28 13:11
1***@qq.com (作者)
测试过了,确实是快手的问题,原生快手小程序 修改 value值触发bindcolumnchange 事件
2023-06-28 13:39
DCloud_UNI_YRJ
回复 1***@qq.com: 请向快手小程序反馈
2023-06-28 14:16
1***@qq.com (作者)
回复 DCloud_UNI_YRJ: 回复巨慢。。。
2023-06-29 15:22
1***@qq.com (作者)
抖音也没这个问题
2023-06-29 15:22