更新记录

1.0.2（2024-12-03） 下载此版本

修复小程序、H5、APP端滚动穿透问题

1.0.1（2024-11-11） 下载此版本

修复层级问题； 在 Vue 2 中，直接通过 this.selectValue[this.currentActiveItem] = [] 的方式向对象中添加数组时，Vue 无法检测到该属性的变化问题

1.0.0（2024-11-11） 下载此版本

组件初始化

平台兼容性

uni-app

其他

ydl-col-picker

简介

ydl-col-picker 是一个基于 UniApp 的列选择器组件，支持单选多选及搜索功能。它可以用于各种 UniApp 项目中，提供灵活的列选择和过滤功能。

使用方法

在 template 中使用

<template>
  <view class="content">
    <button type="default" @click="openPicker()">打开col-picker组件</button>
    <ydl-col-picker
      ref="colPicker"
      :range="dataList"
      :checkValue="checkValue"
      :multiple="true"
      rangeKey="name"
      @confirm="confirmPicker"
    ></ydl-col-picker>
  </view>
</template>

在 script 中

<script>
export default {
  data() {
    return {
      dataList: [
        {
          id: 1,
          name: "前端",
          children: [
            {
              id: 11,
              name: "Vue",
            },
            {
              id: 12,
              name: "React",
            },
          ],
        },
        {
          id: 2,
          name: "后端",
          children: [
            {
              id: 21,
              name: "Node",
            },
            {
              id: 22,
              name: "PHP",
            },
          ],
        }
      ],
      checkValue: {
        1: [12],
        3: [31, 33],
      },
    };
  },
  onLoad(options) {},
  methods: {
    openPicker() {
      this.$refs.colPicker.open();
    },
    confirmPicker(e) {
      console.log(e);
    },
  },
};
</script>

属性

方法

事件