【已解决】vue3的reactive赋值,数据不能动态改变的问题
vue3的reactive赋值,数据不能动态改变的问题问题描述:当有数据const data = reactive({age:15,sex:'女'})此时新来了一个变量const param = {age:16,sex:'女'}想要将data1的值赋值给data。若data=data1便不能动态修改data的值解决办法:将const data = reactive({age:15,sex:'女'}
·
vue3的reactive赋值,数据不能动态改变的问题
问题描述:
当有数据
const data = reactive({age:15,sex:'女'})
此时新来了一个变量
const param = {age:16,sex:'女'}
想要将data1的值赋值给data。
若data=data1
便不能动态修改data的值
解决办法:
将const data = reactive({age:15,sex:'女'})
改写成:
const data = reactive(
info : {
age:15,
sex:'女'
})
再将data1赋值给data.info,即:
data.info = data1
此时便可以通过修改data.info的值来达到动态修改data的值
用途
目前可用于axios后端请求返回的数据赋值 以及 一个url地址携带一个页面的参数需要给另一个页面的变量赋值
更多推荐
已为社区贡献1条内容
所有评论(0)