elementUI tree 树形控件如何获取父节点id和子节点id vue

最新推荐文章于 2024-01-26 16:00:33 发布

一只程序袁

最新推荐文章于 2024-01-26 16:00:33 发布

阅读量2.4k

点赞数 4

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/Andydahua/article/details/125561835

版权

vue 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了 Element UI 中树形组件的配置与使用方法，包括如何设置默认选中项、展开所有节点等特性，并提供了事件处理示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


                            <el-tree
                                    ref="tree"
                                    :data="treeDate"
                                    class="pageTree"
                                    show-checkbox
                                    node-key="id"
                                    :indent="0"
                                    :default-checked-keys="treeDataSelect"
                                    :expand-on-click-node="false"
                                    @check="handleNodeClick"
                                    :default-expand-all="true">
                            </el-tree>
                        


    export default {
        name: "upData",
        data() {
            return {
                treeDataSelect: [],
                menuIds: [],
                treeDate: [],
             
            }
        },

        methods: {
      
            handleNodeClick() {
                this.menuIds = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
            },
            
        },

    }
</script>