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