微信小程序 picker 多级联动

最新推荐文章于 2025-05-20 11:11:30 发布

xudejun

最新推荐文章于 2025-05-20 11:11:30 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 小程序文章标签：小程序多级联动小程序picker多级小程序picker

本文链接：https://blog.csdn.net/xudejun/article/details/89684643

本文详细介绍了如何使用微信小程序的Picker组件来创建一个功能完善的多级联动选择器。通过实例代码和步骤解析，展示了如何配置数据源及事件处理，实现不同级别选项之间的联动交互，帮助开发者提升用户体验。

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

<picker
          mode="multiSelector"
          bindchange="bindjobcatchange"
          bindcolumnchange="bingjobcatcolumnchange"
          value="{
  {multiIndex}}"
          range="{
  {job_cat_list}}"
           range-key="{
  {'cat_name'}}"
        >
          <view class="picker">
            {
  {fenlei_title}}
          </view>
        </picker>

Page({
  data: {
    server_url: app.globalData.URL,
    fenlei_title:'分类',
    job_cat_list:[],
    multiIndex: [0,0,0],
    filter:{
      keywords:'',
      job_cat_id:''
    }
  },
  onLoad: function () {   
    this.jobcat();
  },
  jobcat: function() {
    var that = this;
    wx.request({
      url: app.globalData.URL + "/xxx/eeee",
      data: {
        x: '',