vue.js获取动态生成的元素，获取过来总是null!

问题描述

问 题

今天做项目的时候，看见从后台获取过来的新闻信息有一些是没有图片的！于是就想写一个判断，判断如果获取来过的数据没有新闻图片就不要让这个数据在网页中展示出来也就是要让在页面展示这个数据的元素隐藏起来！可是写着写着，发现不对，怎么都无法获取对应的元素总是null！F12看了一下，原来是要等全部数据加载完成以后动态元素才会生成！这就完蛋了!在数据之前获取元素，获取不到！在数据之后获取元素，数据已经展示出来了！哎，请问大神有没有什么办法解决这个问题。叩谢！！

解决方案

可以在渲染数据的时候给根据图片进行v-if的判断就可以过滤了，比如

<img :src='item.image' v-if='item.image'/>
//还可以加载根节点上
<li v-if='item.image'></li>

这篇关于vue.js获取动态生成的元素，获取过来总是null!的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！