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

注释很详细,直接上代码

上一篇

新增内容:
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 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun5 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-54585 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
HERR_QQ1 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6682 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
程序员柳2 天前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui
Jyywww1212 天前
微信小程序学习笔记
笔记·学习·微信小程序