小程序 小程序页面

小程序如何设置页面隐藏

小新
170
2020-12-14 13:31:20
栏目: 云计算

小程序如何设置页面隐藏

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

方法:

<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
看了该问题的人还看了