logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中获取v-for异步数据dom的完美解决方案

问题描述每次加载界面时,在 mounted阶段,只能获取普通dom(指静态渲染的dom),获取不到v-for的dom,尽管使用$nextTick也获取不到,虽然使用setTimeOut能解决,但这种方法真的很low,作为程序员要追求完美,下面我们看看怎么完美解决这个问题。原因在v-for里的数据是异步获取的,里面的id或者class也都是动态绑定的,而mounted阶段只是实例挂载完成,这时候异步

#vue.js
vue还未获取到数据就渲染dom的问题

今天在用vue写自己的博客网站的时候,被一个问题所困扰,就是有时候刷新页面在Ajax请求数据还没返回的时候,dom结构就已经刷新了。对于这个问题,其实有两种解决方法,但是个人更偏向于后者。第一种:setTimeOut这种方法其实就是在你需要异步请求的数据的dom结构中设一个v-show='变量为false'(v-if也可),然后在mounted设置setTimeOut延迟多久后将此变量改为true

#vue.js
到底了