更新记录

1.0.1(2021-01-11) 下载此版本

更新参数说明日志

效果: 点击链接

<video src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-qipsksoswcfp9547ba/206f1be0-5325-11eb-a16f-5b3e54966275.mp4" width="800px" height="600px" controls="controls"></video>

使用

引入:

<well-tree-select @doConfirm="doConfirmCategorys"
                  :showDialog.sync="showDialog"
                  :data="categorysList"
                  :title-text="'选择职位'"
                  :max-selected="2"
                  :selected-ids="selectedIds">
</well-tree-select>

参数说明

参数 说明 例子
showDialog 显示组件,Boolean,默认false true
titleText 组件标题 '请选择'
maxSelected 最多选中几项,Number,默认3 1
selectedValues 选中的值的value,Array,[] [060ef5006a504697a7d642d7e7d199cc', '060ef5006a504697a7d642d7e7d199cc']
data 数据列表,Array,默认[]

[{
    "label": "技术",
     "children": [
       {
         "label": "后端开发"
         "children": [
            {
             value: '060ef5006a504697a7d642d7e7d199cc',
              label: 'Java'
            },
            {
              value: '060ef5006a504697a7d642d7e7d199cc',
              label: 'Java'
          }]
       }]
    }]

@clickNav 点击一级标签时触发的事件 -
@clickSub 点击二级标签时触发的事件 -
@clickThird 点击三级标签时触发的事件 -
@doConfirm 点击确定时触发的事件 -

1.0.0(2021-01-10) 下载此版本

背景

解决多层结构数据的选择,目前支持3层结构

效果: 点击链接

<video src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-qipsksoswcfp9547ba/bda57c10-5320-11eb-8a36-ebb87efcf8c0.mp4" width="800px" height="600px" controls="controls"></video>

使用

引入:

<well-tree-select @doConfirm="doConfirmCategorys"
                  :showDialog.sync="showDialog"
                  :data="categorysList"
                  :title-text="'选择职位'"
                  :max-selected="2"
                  :selected-ids="selectedIds">
</well-tree-select>

参数说明

参数 说明 例子
showDialog 显示组件,Boolean,默认false true
titleText 最多选中几项,Number,默认3 1
selectedValues 选中的值的value,Array,[] [060ef5006a504697a7d642d7e7d199cc', '060ef5006a504697a7d642d7e7d199cc']
data 数据列表,Array,默认[]

[{
    "label": "技术",
     "children": [
       {
         "label": "后端开发"
         "children": [
            {
             value: '060ef5006a504697a7d642d7e7d199cc',
              label: 'Java'
            },
            {
              value: '060ef5006a504697a7d642d7e7d199cc',
              label: 'Java'
          }]
       }]
    }]

@clickNav 点击一级标签时触发的事件 -
@clickSub 点击二级标签时触发的事件 -
@clickThird 点击三级标签时触发的事件 -
@doConfirm 点击确定时触发的事件 -

平台兼容性

背景

解决多层结构数据的选择,目前支持3层结构

效果: 点击链接

<video src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-qipsksoswcfp9547ba/206f1be0-5325-11eb-a16f-5b3e54966275.mp4" width="800px" height="600px" controls="controls"></video>

使用

引入:

<well-tree-select @doConfirm="doConfirmCategorys"
                  :showDialog.sync="showDialog"
                  :data="categorysList"
                  :title-text="'选择职位'"
                  :max-selected="2"
                  :selected-ids="selectedIds">
</well-tree-select>

参数说明

参数 说明 例子
showDialog 显示组件,Boolean,默认false true
titleText 最多选中几项,Number,默认3 1
selectedValues 选中的值的value,Array,[] [060ef5006a504697a7d642d7e7d199cc', '060ef5006a504697a7d642d7e7d199cc']
data 数据列表,Array,默认[]

[{
    "label": "技术",
     "children": [
       {
         "label": "后端开发"
         "children": [
            {
             value: '060ef5006a504697a7d642d7e7d199cc',
              label: 'Java'
            },
            {
              value: '060ef5006a504697a7d642d7e7d199cc',
              label: 'Java'
          }]
       }]
    }]

@clickNav 点击一级标签时触发的事件 -
@clickSub 点击二级标签时触发的事件 -
@clickThird 点击三级标签时触发的事件 -
@doConfirm 点击确定时触发的事件 -

隐私、权限声明

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

无无

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

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

许可协议

MIT协议

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