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

原创已于 2022-04-26 01:36:26 修改 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #vue

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

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

2 篇文章

订阅专栏

treeselect

1 篇文章

订阅专栏

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

这种情况是存在父组件和子组件嵌套的情况，父组件可能会把子组件的一些显示给覆盖点，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>