How can you tpye the data in a list in different styles in vue?

I request to return a piece of data, all of which have different type values. How can I show different styles and finish showing them?

clipboard.png
display the picture with a bit of mask layer when the effect is type=1 above. Type=0 only shows the title
< div VMI 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}}

</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 >
is this correct?

Mar.25,2021

v-if? ide/conditional.html-sharpv-if" rel=" nofollow noreferrer "> https://vuejs.org/v2/guide/co.


use v-if to judge, you can take a look at the example

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e53e24-4d604.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e53e24-4d604.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?