背景：
线上商城下订单的时候，用户选择存在localstroge中的地址。
父组件：选择地址的页面。selectAdd下的index.vue
子组件：每一个地址。（CheckBox+item地址）
我想实现只能同时选择一个地址，于是给子组件用了一个计数器count，CheckBox的值改变时触发change函数，给count加减。主要代码如下：
<van-checkbox v-model="checked" @change="select"></van-checkbox>
和
data(){
return{
checked:false,
count:0,
}
},
methods:{
select(checked){
if (checked){
this.count+=1;
}
else{
this.count-=1;
}
}
},
我确定每次改变都会触发select函数，并且都执行了对count的操作，但是结果不会保存。
举个例子：选择了第一个地址输出是this.count=1,选择第二个地址输出还是this.count=1，并且调试时发现，在第二次执行this.count+=1;之前，this.count的值为0。减法也是。
我在很多地方都这样用了data都可以，只有这里data里面的值无法改变，很奇怪。
微信扫一扫