vue3里面动态双向绑定数据有了变化,有时候用了reactive还是无法动态渲染,下面是解决方案:
①在reacetive里面再加一层,然后在html使用data.info.xxx即可
//错误用法!!!!
let info = reactive({})
//动态获取后赋值,这样无法动态赋值
http(xxxx).then(res=>{
info = res.data
})
//正确用法
let data = reactive({
info:{}
})
//动态获取后赋值,这样即可动态绑定
http(xxxx).then(res=>{
data.info = res.data
})②把reactive改成ref,这种方式更简单,赋值的使用加上.value即可,绑定是用info.xxx即可:
let info = ref({})
http(xxxx).then(res => {
info.value = res.data
})学废了么