iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >小程序如何设置页面隐藏
  • 688
分享到

小程序如何设置页面隐藏

2024-04-02 19:04:59 688人浏览 薄情痞子
摘要

小程序设置页面隐藏的案例:方法:<view wx:if="{{true}}"></view>        

小程序如何设置页面隐藏

小程序设置页面隐藏的案例:

方法:

<view wx:if="{{true}}"></view>           //正常显示

<view wx:if="{{n}}"></view>            //隐藏  把true替换data中任何一个变量

示例:

在对应的JSON文件中,添加以下代码:

[

  {

    "ps": "true"

  }

]

wxml文件,代码:

<view wx:if="{{list1.ps}}">

<view>你自己页面</view>

<view>你自己页面</view>

<view>你自己页面</view>

</view>

在对应的js文件中,添加以下代码:

Page({

  

  data: {

  },

  onLoad: function () {

    var that = this

    wx.request({

      url: 'https://xxxxxxxx/ps.json',//你自己的json文件地址

      headers: {

        'Content-Type': 'application/json'

      },

      success: function (res) {

        //将获取到的json数据,存在名字叫list的这个数组

        that.setData({

          list: res.data,

          list1: res.data[0],

          //res代表success函数的事件对,data是固定的,list是数组

        })

        console.log( "获取数据", res.data)

        console.log( "获取数据", res.data[0])

      }

    })

  },

 })

--结束END--

本文标题: 小程序如何设置页面隐藏

本文链接: https://www.lsjlt.com/news/116472.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序如何设置页面隐藏
    小程序设置页面隐藏的案例:方法:<view wx:if="{{true}}"></view>        ...
    99+
    2024-04-02
  • 小程序如何设置页面背景图
    小程序将图片生成base64编码设置背景图片首先,打开微信开发者工具,新建一个小程序项目;进入“base64在线转换”网站,将图片转换成base64编码,并复制;最后,在小程序项目的wxss文件中查找page属性,使用background-...
    99+
    2024-04-02
  • 如何设置小程序页面可滚动
    小程序设置页面横向滚动首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:test/test.wxml文件;打开test.wxml文件,新建一个标签;设置标签样式为class="scroll-view" scroll-x=...
    99+
    2024-04-02
  • 小程序如何设置页面的标题
    小程序设置页面标题的方式:方式1:修改page.json文件。{"navigationBarTitleText": "我的标题"}方式2:使用JS修改。wx.setNavigationBar...
    99+
    2024-04-02
  • 小程序如何设置页面的轮播图
    小程序制作banner轮播图进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:test/test.wxml文件;打开test.wxml文件,使用swiper标签来包裹轮播图片,代码如下:<swiper indi...
    99+
    2024-04-02
  • 小程序如何设置子页面的标题
    小程序使用 navigationBarTitleText 设置子页面标题首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找到utils/app.json文件,并打开;最后,app.json文件打开后,使用navigatio...
    99+
    2024-04-02
  • 如何设置小程序页面可以分享
    设置小程序页面可以分享的方法:在页面的js文件中加入分享方法,如:“onShareAppMessage: function () {}”,这样即可实现分享功能,在onShareAppMessage方法中定义一个path属性可以转发指定的页面...
    99+
    2024-04-02
  • 微信小程序如何设置页面转换
    微信小程序中实现页面转换的几种方法wx.navigateTo()方法wx.navigateTo({url: '跳转的页面地址'})wx.redirectTo()方法wx.redirectTo({url: '跳转的页面地址'})wx.swit...
    99+
    2024-04-02
  • 小程序如何设置启动页面参数
    这篇文章将为大家详细讲解有关小程序如何设置启动页面参数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。  小程序的启动  微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地。  紧接着通过 app...
    99+
    2023-06-26
  • 小程序二级页面如何设置导航
    小程序二级页面设置导航栏代码如下index.wxml部分<view class='dataCent'><view class='MenuDiv' wx:for=...
    99+
    2024-04-02
  • 小程序如何设置页面不能下拉
    小程序设置页面不能下拉的方法:在page里面对应的json文件里面,加上代码:"disableScroll": true//禁止页面拉动(注:enablePullDownRefresh和disableScrol...
    99+
    2024-04-02
  • 【小程序】微信小程序自定义 tabbar以及隐藏有些页面的tabbar
    分析: 选中时显示背景和文字,图标变换为选中状态的图标默认状态下,进入小程序显示的是中间的 “地图”选中 “预约”时,隐藏tabbar ,且导航栏显示 返回 按钮,点击返回 “地图” 整体效果 整...
    99+
    2023-09-09
    微信小程序 小程序 前端
  • 微信小程序一级页面和二级页面如何设置
    今天小编给大家分享一下微信小程序一级页面和二级页面如何设置的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 &nbs...
    99+
    2023-06-26
  • 小程序如何单独设置页面的标题
    小程序单独设置页面标题的案例:动态修改的形式,代码:onLoad: function (options) {     wx.setNavigationBarTi...
    99+
    2024-04-02
  • 微信小程序里如何设置页面底部
    微信小程序里设置页面底部的案例:在小程序项目中app.json配置文件下,添加代码:"tabBar": {"color": "#a9b7b7","selectedColor": "#11cd6e","borderStyle":"white"...
    99+
    2024-04-02
  • 小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明?
    在app.json中的 "window"下面追加一行 "navigationStyle": "custom" 小程序顶部的白色背景条就不见了,直接变透明,只剩下右上角的胶囊按钮  警告: 如果页面有 ...
    99+
    2023-09-12
    java 前端 服务器
  • 微信小程序如何设置刷新当前页面
    使用this.onShow()函数实现刷新当前页面首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.json文件;最后,在app.js中,定义一个全局变量Flag,默认值为false,再调用接口获取数...
    99+
    2024-04-02
  • 微信小程序如何设置页面不可滑动
    在微信小程序中设置页面不可滑动的方法首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找到test/test.wxml文件,并使用记事本打开;test.wxml文件打开后,使用swiper-item标签包裹所有view;&l...
    99+
    2024-04-02
  • 微信小程序怎么设置首页页面
    微信小程序设置首页页面的方法:在app.json文件中,找到pages数组,设置在第一个的页面就是默认启动页面,因此需要调整你当前开发的页面顺序。在提交正式版本的时候,“配置功能页面”的一步,在功能页面一栏里,选择需要设置为首页页面。在小程...
    99+
    2024-04-02
  • 小程序怎么设置页面滑动
    设置小程序页面滑动的案例:1、需要借助小程序的事件:onPageScroll事件。2、需要借助的API:wx.getSystemInfoSync()。java代码:data :{scrollTop: 0},//监听屏幕滚...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作