Element: 有计划做走马灯和树选择器么

[yuu2lee4]

有计划做走马灯和树选择器么

[zifeixu85]

树形控件已经有了，走马灯已经在计划中。

[furybean]

@zifeixu85 这个同学应该指的是 Select 打开的内容是一棵树，可以通过树来勾选数据。

[wilsonIs]

同感，项目中有此需求，选中的可以在select中显示el-tags

[jinjinwa]

关于tree select 官方有计划做么？

[dandananddada]

解决了么？

[blooddrunk]

tree select +1

[mrdream24]

tree select +2

[CrazyWisdom]

tree select +3

[ttop5]

tree select +4

[lampo1024]

tree select +5

[linda8167]

tree select +6

[brightWeen]

tree select +7
交互可以参考 https://ant.design/components/tree-select/

[fengyun2]

tree select +8

[axhello]

tree select +9

[qinshenxue]

可以考虑用 el-popover + el-input 来实现 tree-select

https://jsfiddle.net/jkyzb05a/1/

<template>
    <div class="el-tree-select">
        <el-popover
                ref="popover"
                placement="bottom"
                popper-class="el-tree-select-popover"
                trigger="click" :visible-arrow="false" :width="width">
            <el-tree :data="data"
                     :props="defaultProps"
                     :expand-on-click-node=false
                     @node-click="handleNodeClick"></el-tree>
            <el-input slot="reference" ref="ipt" v-model="selectedNodeLabel"></el-input>
        </el-popover>
    </div>
</template>

<script>
    export default {
        name: "el-tree-select",
        data() {
            return {
                selectedNodeLabel: null,
                width: 0,
                data: [{
                    label: '一级 1',
                    children: [{
                        label: '二级 1-1',
                        children: [{
                            label: '三级 1-1-1'
                        }]
                    }]
                }, {
                    label: '一级 2',
                    children: [{
                        label: '二级 2-1',
                        children: [{
                            label: '三级 2-1-1'
                        }]
                    }, {
                        label: '二级 2-2',
                        children: [{
                            label: '三级 2-2-1'
                        }]
                    }]
                }, {
                    label: '一级 3',
                    children: [{
                        label: '二级 3-1',
                        children: [{
                            label: '三级 3-1-1'
                        }]
                    }, {
                        label: '二级 3-2',
                        children: [{
                            label: '三级 3-2-1'
                        }]
                    }]
                }],
                defaultProps: {
                    children: 'children',
                    label: 'label'
                }

            }
        },
        mounted() {
            this.width = this.$refs.ipt.$el.offsetWidth
        },
        methods: {
            handleNodeClick(data) {
                this.selectedNodeLabel = data.label
                this.$refs.popover.handleBlur()
            }
        }
    }
</script>

<style lang="less">
    .el-tree-select-popover.el-popper[x-placement^=bottom] {
        margin-top: 0;
    }

    .el-tree-select-popover.el-popper[x-placement^=top] {
        margin-bottom: 0;
    }
</style>

[ghost]

tree select +10 & tree table +1

[dieslrae]

2019了还是不考虑做个treeSelect么

[shidianxia]

建议加入规划

[libo9527]

tree select +11

[ayiaq1]

https://github.com/ayiaq1/el-tree-select

[Blacktodreamlight]

tree select +12

[dengdengdengpan]

tree select +13

[MarshallLu]

tree select +14