Vue 当data中没有数据的时候不渲染该元素
需求:一个Img标签,当imglist数组中有数据的时候渲染imglist中的数据,当用户点击按钮的时候显示url数组中的数据。步骤一:使用三元表达式。但会出现一个bug,首次进入页面imglist中没有数据的话页面会报错。解决方案v-if判断当imglist.length>0也就是最少有一条数据的时候才渲染该dom<img :src="flag?imglist[...
·
需求:一个Img标签,当imglist数组中有数据的时候渲染imglist中的数据,当用户点击按钮的时候显示url数组中的数据。
步骤一:使用三元表达式。但会出现一个bug,首次进入页面imglist中没有数据的话页面会报错。
解决方案
v-if判断当imglist.length>0也就是最少有一条数据的时候才渲染该dom
<img :src="flag?imglist[0].url: url" class="image" v-if="imglist.length>0" />
更多推荐
所有评论(0)