更新记录

v1.0.1（2025-08-29）

更新日志

1.0.0 (2025-08-29)

平台兼容性

uni-app(4.71)

uni-app x(4.75)

clc-cascader 级联选择器

一个基于 uni-app 的多层级选择器，支持禁用状态、路径展示，支持 v-model 双向绑定。

使用方式

<template>
  <view>
    <clc-cascader
      v-model="selectedValues"
      :localdata="options"
      @change="onChange"
    />
  </view>
</template>

<script setup>
import { ref } from 'vue'

const selectedValues = ref([])

const options = [
  {
    text: '北京',
    value: 'beijing',
    children: [
      { text: '朝阳区', value: 'chaoyang' },
      { text: '海淀区', value: 'haidian' }
    ]
  },
  {
    text: '上海',
    value: 'shanghai',
    children: [
      { text: '浦东新区', value: 'pudong' }
    ]
  }
]

const onChange = (e) => {
  console.log('选中结果', e)
}
</script>

Props

Events