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设置判断某条件成立显示内容
  • 如何打开ADS中自带的仿真例子
  • 软件测试中的回归测试的风险
  • 详解MongoDB如何更新文档 ( 增加和删除属性 )
  • 色彩三要素是什么
  • VS智能助手去掉汉字显示的红线方法
  • 热门搜索
    关于重阳节的手抄报简单又漂亮 手抄报版面设计图花边 2020清明节手抄报 缅怀先烈手抄报图片 国庆节手抄报简单又漂亮 国庆节的手抄报图片 国庆手抄报版面设计图 元宵手抄报简单又漂亮 关于海洋的手抄报 中国梦 手抄报