小程序如何设置页面隐藏 微信小程序隐藏页面

文章摘要：小程序如何设置页面隐藏 微信小程序隐藏页面

小程序设置页面隐藏的案例： 方法： <view wx:if="{{true}}&qu […]

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

方法：

<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&#39;,//你自己的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])

      }

    })

  },

 })