小程序加载分类下的数据，以及跳转到数据的详情页

最新推荐文章于 2020-10-14 09:27:05 发布

阿宝PHP

最新推荐文章于 2020-10-14 09:27:05 发布

阅读量878

点赞数 1

分类专栏：小程序开发

本文链接：https://blog.csdn.net/zdklhh/article/details/88944180

版权

本文档介绍如何在小程序中实现页面数据的加载，特别是加载分类数据和初始化状态。同时，讲解了如何从指定分类下获取数据，并实现高亮选中效果。此外，还详细阐述了如何跳转到物品详情页，以及在详情页中通过id获取相关数据。

摘要由CSDN通过智能技术生成

页面数据data设置

/**
   * 页面的初始数据
   */
  data: {
    fenlei:[],//设置分类空数组
    fabus:[], //设置发布空数组
    startCateId:1   //设置开始分类id
  },

进入页面加载分类数据以及调用第一个分类下的数据

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.loadIndex();
    this.getfabu()
  },

  // 分类数据调用
  loadIndex: function () {
    var url = app.globalData.domain + 'cate/getallcate';
    var params = {};
    util.wxRequest(url, params, data => {
      this.setData({
        fenlei: data
      })
    }, data => { }, data => { });
  },

  //首次加载第一个分类下发布
  getfabu: function () {
    var startCateId = this.data.startCateId;
    var url = app.globalData.domain + 'fabu/getfabus/cateid/';
    var params = {cateid: startCateId};
    util.wxRequest(url, params, data => {
      //console.log(data);
      this.setData({
        fab