麻豆做爰免费观看-日本熟妇一区二区三区-欧美午夜精品一区二区-xxxxx国产-精品欧美日韩-五月天黄色小说-亚洲熟妇一区-jizz国产视频-国产91九色-www好男人-国产精品久久久免费-九九热精彩视频-www..com国产-午夜簧片-欧美一区中文字幕-在线观看亚洲一区二区-一级少妇精品久久久久久久-www.欧美国产-日韩欧美综合视频-成人性视频免费网站

027-81331413

微信小程序 - 判斷

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

需求:

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