vue3给数组赋值失败

最新推荐文章于 2025-02-20 11:41:03 发布

阿亮。

最新推荐文章于 2025-02-20 11:41:03 发布

阅读量2.2k

点赞数

分类专栏： vue3 文章标签： Vue3 响应式对象赋值数组 reactive

本文链接：https://blog.youkuaiyun.com/lwc_pubg/article/details/126765284

版权

vue3 专栏收录该内容

1 篇文章

订阅专栏

 const supplierIdcolumns=reactive([])
 const getsupplierId=()=>{
       supplierIdcolumns=[]
       let params={type:'1'};
       $http.post('/trans/supplier/querySupplier',qs.stringify(params)).then((res)=>{
       if(res.code=='00000'){
        supplierIdcolumns=res.data
       }else{
         Toast.fail(res.codeMsg)
       }
      })
    }

刚开始代码这样写的发现绑不不上去值
然而 vue3是使用proxy 对于对象和数组不能直接整个赋值；
所以外面包一层解决问题：

 const state = reactive({
        supplierIdcolumns: [],
        });
        
 const getsupplierId=()=>{
       state.supplierIdcolumns=[]
       let params={type:'1'};
       $http.post('/trans/supplier/querySupplier',qs.stringify(params)).then((res)=>{
       if(res.code=='00000'){
        state.supplierIdcolumns=res.data
       }else{
         Toast.fail(res.codeMsg)
       }
      })
    }