vue中怎么可以做到一个列表中的数据tpye不同展示不同样式?

ywqs
  • 31

我请求回来一段数据,这段数据中的数据都有不同的type值,我怎么能做到展示不同的样式还要展示完?

clipboard.png
效果如上 type=1时展示图片并有一点遮罩层 type=0只展示标题
<div v-for="item in hour">

<div class="hour-div" v-if='item.news_type==1'>
  <img class="hot img-responsive" @click=gonewinfo v-bind:src=item.cover alt="">
  <p class="dic">{{item.news_title}}</p>
</div>
<div class="hour-div-bom" v-if='item.news_type==0'>
  <router-link to="/newinfo" class="r-dic">{{item.news_title}}</router-link>
</div>

</div>
这样写对么

回复
阅读 3k
2 个回答

使用 v-if 判断,可以看一下例子就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏