treeselect选项内容太被遮挡,怎样设置可以显示水平滚动条呢 · Issue #I3CCKU · 若依/RuoYi |
您所在的位置:网站首页 › 弹窗内容显示不全 › treeselect选项内容太被遮挡,怎样设置可以显示水平滚动条呢 · Issue #I3CCKU · 若依/RuoYi |
以下方法亲测, 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 |