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 })
学废了么