vue异步获取数据后渲染组件,vue如何让重新渲染一次数据
本文主要介绍vue异步请求数据重渲染方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。
目录
vue异步请求数据重新渲染。下面介绍一种解决自定义组件异步获取数据，重新渲染视图层逻辑层的方法。
vue异步请求数据重新渲染
Vue异步请求数据时无法及时更新数据，
下面介绍一种方法解决
导出默认值{
名称：图片，
已创建(){
this . getlist()；
},
data(){
返回{数量：[]}
},
方法：{
getList(){
fetch( https://localhost:3000/get-banner-list )。然后(data={
return data.json()
}).然后((data)={ this . num=data . data；console.log(this.num)})
}
}
}
此时模板标签中的数据还没有更新，可以这样做。
div class= propagate v-show= num . length 0
保险商实验所
li v-for=(item，index) in num :key=index
img:src= item . photo _ URL :key= index
/李
/ul
/div
等到数据加载后再显示。
自定义组件异步获取数据重新渲染
视图层
myCard v-if= count view icon= icon-yonghu zu bgcolor= # 2d 8 cf 0 :count= home data . govt count title= title name /myCard
逻辑层
data(){
返回{
countView:真
}
}
//重新呈现组件
_this.countView=false
_这个。$nextTick(()={
_this.countView=true
})
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。