vue中的treeselect在table-column不显示数据问题

闲码

已于 2022-04-26 01:36:26 修改

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： el-table treeselect 文章标签： vue.js elementui vue

于 2022-04-26 01:29:45 首次发布

本文链接：https://blog.csdn.net/qq_37244098/article/details/124418619

el-table 同时被 2 个专栏收录

2 篇文章

订阅专栏

treeselect

1 篇文章

订阅专栏

本文介绍了在Vue中遇到父组件遮挡子组件显示问题时，如何通过使用`append-to-body`属性来解决。通过在`<treeselect>`组件上设置该属性，可以将子组件的内容追加到父组件之外，确保其正常显示。示例代码展示了在`el-table-column`中使用`treeselect`并配置相关参数的用法。

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

这种情况是存在父组件和子组件嵌套的情况，父组件可能会把子组件的一些显示给覆盖点，append-to-body 类似于追加到父组件上这么个意思，就可以显示了~

在treeselect 加上 append-to-body 属性就行了

<template slot-scope="scope">
                <treeselect v-model="orderList[scope.row.xh-1].deptId"
                            append-to-body
                            @select="deptChange"
                            :options="deptTreeOptions"
                            :normalizer="normalizer"
                            placeholder="请选择父部门id" />
              </template></el-table-column>