亚洲免费在线观看_av网站免费观看_亚洲视频中文字幕_日本视频在线_香蕉一区二区_国产精品中文_这里只有精品久久_欧美一区二区三区不卡_日本高清在线观看_国产精品免费一区二区三区都可以_欧美黄色大片视频_自拍偷拍第1页_亚洲啪av永久无码精品放毛片_三级免费观看_日日狠狠_波多野结衣绝顶大高潮_国语一级片_亚洲丁香婷婷

027-81331413

微信小程序 - 判斷

發布時間:2021-03-23 瀏覽:3732

需求:

判斷最終顯示,如果是空,就不顯示,如果不是空就顯示。
代碼:
實現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,表明 != 不準確。