vue的v-for循环如何满足条件时替换成图片

新手上路,请多包涵

通过v-for循环出的item.id 判断id是否等于1 如果为1那就把该标签替换成一个图片 后面的不更换

<tr v-for ="item in qyData" style="line-height: 65px">

      <td style="color: #A2FFF3;font-size: 16px;"  >{{item.id}}</td>
      <td style="color: white;font-size: 14px;margin:20px auto 0px auto;padding-left: 30px">{{item.infoName}}</td>
      <td style="color: white;font-size: 14px;margin:20px auto 0px auto;padding-left: 20px">{{item.sumMoney}}</td>
    </tr>
阅读 2.9k
1 个回答
<td> 
    <template v-if="item.id!=1"> {{item.id}}</template>
    <template v-else><img :src="item.imgSrc" /></template>
</td>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题