在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了