1. 程式人生 > >微信小程式設定資料來源

微信小程式設定資料來源

 

設定資料來源:

第一種直接在該頁面的js頁面的data裡新增資料來源:


Page({

  /**
   * 頁面的初始資料
   */
  data: {
    menuList: [
      [{
          name: '選單1',
          url: '../navigateTo/navigateTo',
          content: '我是選單一'
        },
        {
          name: '選單2',
          url: '../logs/logs',
          content: '我是選單二'
        },
        {
          name: '選單3',
          url: '../movie/movie',
          content: '我是選單三'
        },
        {
          name: '選單4',
          url: '../userinfo/userinfo',
          content: '我是選單四'
        }
      ],
      [{
          name: '選單5',
          url: '121',
          content: '我是選單五'
        },
        {
          name: '選單6',
          url: '121',
          content: '我是選單六'
        },
        {
          name: '選單7',
          url: '121',
          content: '我是選單七'
        },
        {
          name: '選單8',
          url: '121',
          content: '我是選單八'
        }
      ],
    ]
  }
})

第二種直接在小程式的app.js裡的globalData裡面新增資料來源:


  globalData: {
    userInfo: null,
    menuList: [
      [{
          name: '選單1',
          url: '../navigateTo/navigateTo',
          content: '我是選單一'
        },
        {
          name: '選單2',
          url: '../logs/logs',
          content: '我是選單二'
        },
        {
          name: '選單3',
          url: '../movie/movie',
          content: '我是選單三'
        },
        {
          name: '選單4',
          url: '../userinfo/userinfo',
          content: '我是選單四'
        }
      ],
      [{
          name: '選單5',
          url: '121',
          content: '我是選單五'
        },
        {
          name: '選單6',
          url: '121',
          content: '我是選單六'
        },
        {
          name: '選單7',
          url: '121',
          content: '我是選單七'
        },
        {
          name: '選單8',
          url: '121',
          content: '我是選單八'
        }
      ],
    ]
  }

然後在js頁面獲取設定資料來源:


var app = getApp();//獲取app.js裡面的資料(小程式的例項)
Page({

  /**
   * 頁面的初始資料
   */
  data: {
    menuList:""   
  },

  /**
   * 生命週期函式--監聽頁面載入
   */
  onLoad: function(options) {
    //使用appjson設定值
    this.setData({
      menuList: app.globalData.menuList,
    });
  }
})