第一種解決方案:變量值包裹對(duì)象,加一個(gè){data:變量值}
1、html
<div>a=【{{a.data}}】</div>
<div>-----------------</div>
<div>【{{ b.data[0] }}】</div>
<div>【{{ b.data[1] }}】</div>
<div>【{{ b.data[2] }}】</div>
2、定義reactive變量
? ? let a=reactive({data:"110"});
? ? let b=reactive({data:[0,1,2]});
3、重新賦值
?
a.data="119";
b.data=[...[9,8,7]];
?第二種解決方案:ref
1、html
<div>a=【{{a}}】</div>
<div>-----------------</div>
<div>【{{ b[0] }}】</div>
<div>【{{ b[1] }}】</div>
<div>【{{ b[2] }}】</div>
2、定義ref變量
let a=ref("110");
let b=ref([0,1,2]);
3、賦值文章來源:http://www.zghlxwxcb.cn/news/detail-551083.html
a.value="119";
b.value=[...[9,8,7]];
第三種方案:push(不推薦)文章來源地址http://www.zghlxwxcb.cn/news/detail-551083.html
到了這里,關(guān)于【Vue3】Vue3中reactive變量重新賦值無法響應(yīng)的三種處理方法(已解決)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!