需求:一个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" />

 

Logo

前往低代码交流专区

更多推荐