2022
我们一起努力

日本vps便宜,小程序如何设置页面隐藏

小程序如何设置页面隐藏

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

方法:

<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])

      }

    })

  },

 })

赞(0)
文章名称:《日本vps便宜,小程序如何设置页面隐藏》
文章链接:https://www.fzvps.com/63662.html
本站文章来源于互联网,如有侵权,请联系管理删除,本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。

评论 抢沙发

评论前必须登录!