需求:
判斷最終顯示,如果是空,就不顯示,如果不是空就顯示。
代碼:
實(shí)現(xiàn)1:三目運(yùn)算
三目:a==b?true:false;
代碼:如果有name了,就顯示class標(biāo)簽show,如果name為空,就顯示class標(biāo)簽hide
<text class="name {{comment.name?'show':'hide'}}">{{comment.name}}</text>
實(shí)現(xiàn)2:wx:if - wx:else
wx:if判斷對(duì)象或者字符串是否為空
<block wx:if="{{對(duì)象1.對(duì)象2.url.length}}"
class="flex-wrp-row">
<image class="content-image"
src="{{c對(duì)象1.對(duì)象2..url}}" mode="aspectFill"></image>
</block>
<block wx:else>
</block
實(shí)現(xiàn)3:wx:if - wx:else 的length大小
wx:if判斷對(duì)象或者字符串的長(zhǎng)度大小
<block wx:if="{{對(duì)象1.對(duì)象2.url.length > 0}}"
class="flex-wrp-row">
<image class="content-image"
src="{{c對(duì)象1.對(duì)象2..url}}" mode="aspectFill"></image>
</block>
<block wx:else>
</block
注解:
1、這里使用到了block,<block/> 并不是一個(gè)組件,它僅僅是一個(gè)包裝元素,不會(huì)在頁(yè)面中做任何渲染,只接受控制屬性。官方解釋
2、判斷使用.length > 0,因?yàn)椴徽搱D片還是文字最終顯示的是字符串和資質(zhì),只用判斷這個(gè)大小即可。
3、試錯(cuò):我本來(lái)使用判斷
對(duì)象2 != '' --> false
對(duì)象2.url != '' --> false
對(duì)象2以及對(duì)象2中的url都是有數(shù)值的,按理應(yīng)該提示true,結(jié)果提示false,表明 !=
不準(zhǔn)確。