微信小程序 picker选择器从后台拿值（优化版）

最新推荐文章于 2024-04-27 19:48:28 发布

原创

最新推荐文章于 2024-04-27 19:48:28 发布 · 4.6k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #picker #前后台传值

本文介绍如何在微信小程序中使用picker组件，从后台获取数据，并进行代码优化。示例展示如何将后台返回的数据绑定到picker，实现动态选择效果。通过优化js和wxml文件，减少了代码重复，提高代码复用性。

最近毕业设计强行加了一个微信小程序…

记录一下关于“picker”的用法。

从后台拿到的数据是这样滴：
在这里插入图片描述

我需要实现的效果：
在这里插入图片描述

主要实现代码：
js文件：

 getCreditlistData:function(url){
    var _this = this;
    wx.request({
      url: url,
      method: 'POST',
      header: {
        "Content-Type": "json"
      },
      success: function (res) {
        _this.setData({
         credit_array:res.data.result,
        })
      },
      fail: function (error) {
        console.log(error);
      }
    })
  },
  getGroupListData: function (url) {
    var _this = this;
    wx.request({
      url: url,
      method: 'POST',
      header: {
        "Content-Type": "json"
      },
      success: function (res) {
        console.log(res);
        _this.setData({
          group_array: res.data.result,