微信小程序数据源设置指南-CSDN博客

本文链接：https://blog.csdn.net/SunshineBlog/article/details/83003577

本文介绍了微信小程序中设置数据源的两种方法：一种是在页面JS的data内定义，另一种是在app.js的globalData中设置。同时讲解了如何在JS页面获取这些数据源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置数据源：

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

微信小程序设置数据源