更新记录

1.0.6(2023-04-17)

添加 useName 属性,增加拓展性

1.0.5(2023-04-14)

修复已知 bug

1.0.4(2023-04-07)

修复已知 bug

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

lx-cascade-select

级联面板选择

基本用法

导入方法:

  1. 直接使用 HBuilderX 导入插件
  2. 下载插件 zip ,将 lx-cascade-select 文件夹复制到项目 components 文件夹中,import+components 引入。

使用方式(demo):

    <template>
        <lx-cascade-select :list="list" useName='name' @click="handleClick" />
    </template>

    <script>
    export default {
        data() {
            return {
                // list 的 key 为'name',将 useName 指定为'name',默认值为'label'
                list: [
                    { name: '中国', value: '001',children:[{name:'北京',value:'011'}] },
                    { name: '俄罗斯', value: '002' },
                ],

            };
        },

        methods: {
            handleClick(data) {
                console.log('data', data);
            }
        }
    };
    </script>

Attributes and Events

参数 类型 说明 是否必传
list Array 展示数组,list:[{label:'', value:'',children:[]}]
useName String 指定对象要显示的 key,默认为 'label'
事件名 说明 返回值
@click 点击最后一层选项后触发,返回参数为选择数组 Array

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问