vue子组件上传图片 watch监听回显 watch 没更新问题已解决

最新推荐文章于 2024-04-28 01:22:19 发布

前端技术栈

最新推荐文章于 2024-04-28 01:22:19 发布

阅读量775

点赞数

分类专栏：前端领域文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_42981560/article/details/122383323

版权

前端领域专栏收录该内容

25 篇文章 10 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue中遇到子组件图片上传后，使用watch监听回显时未更新的问题及解决方法。通过复制并处理数据，确保watch能够正确监听到变化，并更新显示的数据。

摘要由CSDN通过智能技术生成

请求回来的数据是res.data 将数据复制多一份为newdata

然后遍历将watch没显监听到的值设置为空

然后再将复制的数据赋值给你要显示 customerlist 即可

以下例子

get(){
    //请求回来的数据是res.data

   显示的列表数据为 this.customerlist
   this.customerlist=res.data
   var newdata=JSON.parse( JSON.stringify(res.data))
    
   res.data.records.map(res=>{
          res.invoiceUrl=''
   })
   setTimeout(()=>{ this.customerlist=newimg},2000)


}