欧美日韩1234-岳两女共夫互换观看视频-日本不卡一区二区-gogogo高清国语完整-国产区在线-狠久久-男男互操视频-另类国产-欧美人与禽猛交乱配视频-欧美另类一区-久久成人在线视频-国产一级片av-青青草视频播放-欧美三级黄-日日射天天射-在线国产欧美-日韩永久-国产黄色成人-伊人三区-国产午夜精品理论片-999精彩视频-免费看av软件-欧美xxxx喷水-国产蜜臀-美女四肢被绑在床扒衣-日本公妇乱淫-99久久久国产精品无码性

027-81331413

微信小程序 - 判斷

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

需求:

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