详细问题描述
[内容]
使用picker多列选择器,做地址的二级联动的时候,改变省级,市级没有变化
重现步骤
<template>
<view class="main">
<picker mode="multiSelector" @columnchange="fnColumn" :range="citys" range-key="name">
<view class='h6'>{{cs}}</view>
</picker>
</view>
</template>
<script>
export default {
data() {
return {
citys:[[{"name":"北京市"},{"name":"天津市"}],[{"name":"市辖区"}]],
cs:'picker',
}
},
methods: {
fnColumn:function(e){
var that = this;
var value = e.detail.value;
var column = e.detail.column;
var list = [[{"name":"测试1"},{"name":"测试2"}],[{"name":"测试3"},{"name":"测试4"}]];
if(column == 0){
that.citys[1] = list[value];
// that.cs = !that.cs;
}
console.log('citys',JSON.stringify(that.citys));
},
},
}
</script>
[其他]
从打印的数据可以看到当省级切换的时候,二级的数据是改变了的,
[解决办法]
当页面有其他数据改变的时候,二级切换正常,例如把代码24行的注释去掉.
