treeselect选项内容太被遮挡,怎样设置可以显示水平滚动条呢 · Issue #I3CCKU · 若依/RuoYi

您所在的位置:网站首页 弹窗内容显示不全 treeselect选项内容太被遮挡,怎样设置可以显示水平滚动条呢 · Issue #I3CCKU · 若依/RuoYi

treeselect选项内容太被遮挡,怎样设置可以显示水平滚动条呢 · Issue #I3CCKU · 若依/RuoYi

2024-07-16 09:35| 来源: 网络整理| 查看: 265

以下方法亲测,

1.要显示title,可以通过slot="option-label"重写选项的dom (因代码分散,所以没有使用这个方法) 2.显示横向滚动条,对 .vue-treeselect__menu 选择器修改 overflow-x 即可 (滚动显示效果不佳) 3.宽度自适应可以考虑以下(主要宽度原因是因为外层容器,所以需要重置外层的宽度属性,并固定节点标签的宽度) .vue-treeselect.vue-treeselect--single { width: fit-content; } .vue-treeselect.vue-treeselect--single .vue-treeselect__option { width: unset; } .vue-treeselect.vue-treeselect--single label { box-sizing: content-box; width: 180px; }



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3