RuoYi 框架中使用 lib-flexible 排除 treeselect 组件样式问题
在 RuoYi 框架中使用 lib-flexible 排除 treeselect,可以在 treeselect 组件所在的页面中添加以下代码:
// 引入 lib-flexible
import 'lib-flexible';
// 手动设置 treeselect 的样式
const el = document.querySelector('.vue-treeselect');
const styles = window.getComputedStyle(el);
el.style.width = styles.width;
el.style.minWidth = styles.minWidth;
el.style.maxWidth = styles.maxWidth;
这段代码会在页面加载时手动设置 treeselect 组件的样式,避免被 lib-flexible 所影响。具体地,它会获取 treeselect 组件的宽度、最小宽度和最大宽度,并将它们手动设置到 treeselect 元素的 style 属性中。这样,treeselect 组件的宽度就不会受到 lib-flexible 的影响了。
原文地址: https://www.cveoy.top/t/topic/oOMA 著作权归作者所有。请勿转载和采集!