reisaru
2020-05-14 12:07vue3 无法更改data中数据的值
背景:
线上商城下订单的时候,用户选择存在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里面的值无法改变,很奇怪。
- 点赞
- 回答
- 收藏
- 复制链接分享
1条回答
为你推荐
- 求助!element-ui表格的数据不能展示在页面上
- vue.js
- 5个回答
- element向exp_res上传文件失败,一直返回404
- vue.js
- node.js
- 3个回答
- 为什么循环赋值,watch监听只能监听到最后一次的值变化
- javascript
- node.js
- vue.js
- react.js
- 4个回答
- 快应用问题:怎么将回调函数中的返回值赋给外部变量?
- vue.js
- node.js
- 1个回答
- vue相关,为什么只有最后一个值改变了
- 开发语言
- 1个回答
换一换