Cscec3b-wx-miniprogram-select NPM

组件参数

参数	意义
pageTitle	页面标题
placeholder	搜索框提示内容
displayName	指定列表项展示哪个字段内容
keyName	指定列表项唯一
index	已选择的项目列表顺序编号
isSupportMulti	是否支持多选

使用方法

传入列表数据

success(res) {
    res.eventChannel.emit('acceptDataFromOpenerPage', {
        dataList: workType
    })
}

选择成功后,回调

events: {
    selectPageResult: function(data) {
        console.log(data)
        that.setData({
        workTypeIndex: data.index,
        })
    }
},

完整示例

gotoWorkType() {
  const that = this;
  let index = that.data.workTypeIndex;
  wx.navigateTo({
    url: `/miniprogram_npm/cscec3b-wx-miniprogram-select/selectPage?index=${index}&pageTitle=选择&placeholder=输入关键字搜索&displayName=name&keyName=code`,
    events: {
      // 选择结果回调
      selectPageResult: function(data) {
        that.setData({
          workTypeIndex: data.index,
        })
      }
    },
    success(res) {
      // 传入列表数据
      res.eventChannel.emit('acceptDataFromOpenerPage', {
        dataList: workType
      })
    }
  })
},