微信小程序(二十五)条件判断语句与结构隐藏

注释很详细,直接上代码

上一篇

新增内容:
1.条件判断语句的演示
2.隐藏结构的演示

源码:

index.wxml

xml 复制代码
<view>
    <!-- wx:if和wx:else为条件判断语句 -->
    <text wx:if="{{isLogin}}">已登入的用户</text>
    <text wx:else>游客</text>
    <text> 你好:</text>
</view>

<view>
    <!-- hidden控制这句的显示与隐藏 -->
    <text hidden="{{isHidden}}">正在加载中......</text>
</view> 

index.js

js 复制代码
Page({
    data:{
            //决定登入状态
            isLogin:true,
            
            //决定隐藏状态
            isHidden:true
         }
})

效果演示:




相关推荐
春哥的研究所1 小时前
AI人工智能名片小程序源码系统,名片小程序+分销商城+AI客服,包含完整搭建教程
人工智能·微信小程序·小程序
paopaokaka_luck2 小时前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
贝格前端工场3 小时前
小程序订阅消息设计:用户触达与隐私保护的平衡法则
大数据·小程序
weixin_lynhgworld3 小时前
盲盒一番赏小程序:用科技重新定义“未知的快乐”
科技·小程序
Bruce_Json4 小时前
微信小程序ts+sassjlin-ui
微信小程序·小程序·sass
来碗盐焗星球5 小时前
记一次微信小程序AI开发的血泪史
前端·微信小程序
说私域7 小时前
淘宝直播与开源链动2+1模式AI智能名片S2B2C商城小程序的融合发展研究
人工智能·小程序·开源
说私域10 小时前
互联网生态下赢家群体的崛起与“开源AI智能名片链动2+1模式S2B2C商城小程序“的赋能效应
人工智能·小程序·开源
The_era_achievs_hero17 小时前
微信小程序71~80
微信小程序·小程序
dssxyz18 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app