溫馨提示×

小程序如何設置頁面隱藏

小新
178
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數據,存在名字叫l(wèi)ist的這個數組中

        that.setData({

          list: res.data,

          list1: res.data[0],

          //res代表success函數的事件對,data是固定的,list是數組

        })

        console.log( "獲取數據", res.data)

        console.log( "獲取數據", res.data[0])

      }

    })

  },

 })

0