微信小程序设置数据源

痛定思痛。 2022-05-08 09:50 458阅读 0赞

设置数据源：

第一种直接在该页面的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,
        });
      }
    })