zoukankan      html  css  js  c++  java
  • 微信小程序 if else

    //index.xml

    //微信是封装过if语句的,你只要在index.js中设置好值,然后就可以直接想这样拿来判断了,还有这是class=“view”效果放在判断语句中是没有效果的
    <view class="page">
    <view class="view" >
    <view wx:if="{{you}}">true</view>
    <view wx:else>false</view>
    </view>
    //三目运算,你可以比较一下这俩,上边判断true和false的方法,自己认为哪个简单用哪个
    <view class="view" >
    <block wx:if="{{you?true:false}}">
    <view>aa</view>
    <view>bb</view>
    </block>
    <view>---------------------------</view>
    //其实挺简单的这样,相对于java和C++来说,这里直接写判断的数据就OK了
    <view class="view">
    <view  wx:if="{{diao>20}}">你很棒</view>
    <view wx:elif="{{diao==15}}">还算是个中国人</view>
    <view wx:else>只能去日本了</view>
    </view>
    <view>---------------------------</view>
    //如果你一个判断条件下有好几个view就用block标签,他算是个万能标签,什么属性都可以往里写,所以遇到复杂的视图时记得用它。
    <view class="view" >
    <block view class="view" wx:if="{{you}}">
    <view>你</view>
    <view>很</view>
    <view>叼</view>
    </block>
    <block wx:else>
    <view>你</view>
    <view>很</view>
    <view>菜</view>
    </block>
    </view>

    </view>
    </view>

    //index.js

    var param={
    data:{
    you:true,
    diao:18,
    }
    }
    Page(param);


    //index.wxss


    .view{
     100px;
    height: 50px;
    background-color: green;
    color: white;
    padding: 20px;
    margin-top: 10px
    }


  • 相关阅读:
    Docker安装ngnix进行挂载
    Linux上传下载小工具
    uniapp——原生导航栏
    uniapp——scroll-view组件隐藏滚动条
    边框阴影——box-shadow
    uniapp-监听自定义跳转
    uniapp整屏滑动
    用伪类写圆点css
    Vue——生命周期
    uniapp多选按钮
  • 原文地址:https://www.cnblogs.com/panlaixing/p/6543193.html
Copyright © 2011-2022 走看看