更新记录

1.0（2025-08-08） 下载此版本

上传1.0版本

平台兼容性

uni-app(4.07)

使用说明

插件功能介绍

级联选择，可任意级别选择，不必非要选择到最后一级。
提供了禁用功能，可以控制每一项是否可选。

数据源

可以是本地数据，也支持懒加载，可以自行定义加载方法。
本地数据和懒加载任选一个，不能同时使用。 使用本地数据时，必须时树形结构，字段可以通过props自行配置。

API

属性

props属性

事件（Events）

方法（Methods)

插槽（Slots)

使用样例

<view  @click="show">
  打开
</view>

 <nianDataPickerVue ref="nianDataPickerVue" title="请选择区域" tabDefaultLabel="搞快点" @confirm="confirm" :loadData="loadData" :props="props">
  <template v-slot:title>
    请选择内容
  </template>
  <template v-slot:item="{ data }">
    {{ data.text }}
  </template>
</nianDataPickerVue>

/**
 * 点击选中某一项过后，调用加载子集的回调，初始化时会自己调用该函数，data为null
 * @param {Object} data 点击选中的项目
 * @param {Object} list 选中的所有项目数组
 */
loadData(data, list) {
  return new Promise(res => {
    if (data) {
      res([
        {
          id: data.id + 1,
          text: data.id + 1 + '附加费凉快的',
          disabled: data.id + 1 > 2
        }
      ]);
    } else {
      res([{
        id: 1,
        text: '都看见'
      }])
    }
  })
},
/**
 * 打开
 */
show() {
  this.$refs.nianDataPickerVue.show();
},
/**
 * 点击确定的回调
 * @param {Object} list 选择的数据
 */
confirm(list) {
  console.log(list);
},