vue3中动态赋值数组渲染不了的问题,解决利用reactive和ref动态渲染绑定数据的问题

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

 })


学废了么

评论/留言