100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 在Vue中异步加载数据渲染到Dom

在Vue中异步加载数据渲染到Dom

时间:2024-08-23 22:30:47

相关推荐

在Vue中异步加载数据渲染到Dom

在Vue中异步加载数据渲染到Dom

问题

<div v-for="o in resmessage" :key="o" class="text item">{{o}}</div>

前提是,resmessage初始值为空,我想根据后台返回值来动态添加数据,我的做法是通过axios请求获取数据,拿到数据后赋值给resmessage进行完以上操作发现根本不行,数据可以拿到但是无法在dom渲染。

解决方法

<div :key='check'><div v-for="o in resmessage" :key="o" class="text item">{{o}}</div></div>

v-for的key为o,异步操作改变resmessage的值无法被监听,即使加了监听也不能重新渲染,刚学2周Vue我也不知道为什么,欢迎知道的朋友留言。在v-for结点上一级加一个:kye=‘check’,异步赋值完成后再后面改变check的值,并且给check加一个监听,这样就能重新渲染Dom了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。