更新记录

1.0.4（2025-04-10） 下载此版本

新增parentKey、label、value、children属性

1.0.3（2025-04-10） 下载此版本

优化

1.0.2（2025-04-10） 下载此版本

优化

平台兼容性

uni-app

其他

mosowe-cascade

uniapp/uni_modules组件 ::: tip 支持本地，懒加载
依赖组件：uni-popup :::

兼容性

props

listItem

emits

slots

示例代码

<template>
  <view class="title">懒加载，无默认数据</view>
  <mosowe-cascade
    v-model="noDefaultValue"
    :list="firstList"
    @nodeClick="nodeClick"
    @confirm="confirm"></mosowe-cascade>
</template>

<script setup lang="ts">
import { ref } from 'vue';
// 无默认数据
const noDefaultValue = ref([]);
const firstList = ref([
  {
    text: '初始-1',
    value: 1,
    pid: 0,
    isLeaf: false,
    children: []
  },
  {
    text: '初始-2',
    value: 2,
    pid: 0,
    isLeaf: false,
    children: []
  }
]);
const nodeClick = (e: any, level: number, callBack: (data: any[]) => void) => {
  setTimeout(() => {
    const list = Array.from({ length: 20 }).map((item: any, index: number) => {
      return {
        text: `${e.text}(${index})-${level}`,
        value: e.value + '-' + index,
        isLeaf: level >= 2 ? true : false,
        pid: e.value,
        children: []
      };
    });
    callBack(list);
  }, 1000);
};
const confirm = (data) => {
  console.log(data);
};
</script>