uni-app设置判断某条件成立显示内容

时间:2024-10-13 05:22:43

1、双击打开HBuilderX开发工具,创建uni-app项目

uni-app设置判断某条件成立显示内容

2、在pages文件夹下,新建一个页面文件,并在template标签中插入view,添加v-if和v-else指令

uni-app设置判断某条件成立显示内容

3、在script标签中,data对象初始化对象flag,并赋值1

uni-app设置判断某条件成立显示内容

4、打开pages.json文件,将sys配置到路径中

uni-app设置判断某条件成立显示内容

5、保存代码并进行编译,打开微信小程序开发工具,可以看到内容为显示

uni-app设置判断某条件成立显示内容

6、接着在HBuilderX工具中,将变量flag改为0

uni-app设置判断某条件成立显示内容

7、再次保存代码并进行编译,可以看到文字内容改为了隐藏

uni-app设置判断某条件成立显示内容
© 手抄报圈