获取后端商品分类接口数据

//导入request请求工具类
import{
    getBaseUrl,
    requestUtil
}from '../../utils/requestUtil.js';
import regeneratorRuntime from '../../lib/runtime/runtime';


// pages/category/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    leftMenuList:[],//左侧菜单数据
    rightContext:[]//右侧商品数据
  },
  //所有商品类别数据
  Cates:[],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getCates();
  },
  /**
   * 获取商品分类数据
   */
  async getCates(){
      const result = await requestUtil({
          url:'/bigType/findCategories',
          method:"GET"
      });
      this.Cates=result.message;
    //   let leftMenuList = this.Cates.map((v)=>{
    //       return v.name
    //   })
    let leftMenuList=this.Cates.map(v=>v.name)
    let rightContext=this.Cates[0].smallTypeList;
     this.setData({
         leftMenuList,
         rightContext
     })

  }
  ,

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
<view class="cates">
<!-- 搜索开始 -->
    <SearchBar></SearchBar>
<!-- 搜索结束 -->
</view>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值