|
[多端开发]
v-if 不管是true还是false 元素都会显示
[复制链接]
<swiper class="swiper">
<swiper-item v-for="(_item,index) in nav">
<list-view id={"NewsListView"+index} class="NewsListView" enable-back-to-top onscrolltolower={this.scrollbottom} refresher-enabled={true} onrefresherrefresh={this.onRefresh}
state={nav[index].triggered} cellTypeKey='type'
>
<cell cellType={1}>
<view class="news-list-item">
<view class="news-list-item-row" >
<view class="news-list-item-row-left">
<view class="news-list-item-title">
<text class="news-list-item-title-text">{item.title}</text>
</view>
<view class="news-list-item-date">
<text class="is_stick" v-if='item.is_stick'>置顶</text>
<text>{item.is_stick}</text>
<text class="is_spec" v-if='item.is_spec'>推荐专栏</text>
<!-- <text class="is_ad" >{item.ad_code}</text>
<text class="right-img-author" >{item.author}</text>
<text class="news-list-item-time">{item.format_time}</text> -->
<view class="news-list-item-view news-list-item-r">
<image src="../../image/view.png" class="news-list-item-view-image"></image>
<text class="news-list-item-r-t">{item.pv_num}</text>
</view>
<view class="news-list-item-replay news-list-item-r">
<image src="../../image/kuaijiehuifu.png" class="news-list-item-replay-image"></image>
<text class="news-list-item-r-t">**.**ment_num}</text>
</view>
<view class="news-list-playaudio news-list-item-r" v-if="item.voice_status">
<image src="../../image/voice.png" class="news-list-playaudio-image"></image>
<text class="news-list-item-r-t2">播报</text>
</view>
</view>
</view>
<image v-if="item.thumb" :src="item.thumb[0]+'?x-oss-process=image/resize,m_lfit,h_200,w_360'" class="news-list-item-img news-list-item-img-right" />
</view>
</view>
</cell>
<list-footer class="footer">
<text>加载中...</text>
</list-footer>
</list-view>
</swiper-item>
</swiper>
里面的v-if=值不管是true还是false元素都会显示,如果v-if条件复杂比如 v-if="xx && yy"就会提示Container is falsy
|
|