el-option是Element UI框架中的一个组件,用于在el-select选择框中显示选项。关于el-option宽度的设置,有以下几个关键点需要注意: el-option宽度默认行为: 在默认情况下,el-option的宽度会根据其内容自动调整,而不是简单地继承其父元素(如el-select)的宽度。 设置el-option宽度的方法: 如果想要手动设置el-option...
// 设置选项框与输入框同宽度constselectOptionWidth =ref('')constcolumnContentSelect =ref(null)onMounted(()=>{nextTick(() =>{ selectOptionWidth.value= columnContentSelect.value.$el.offsetWidth+"px"; }); }) 原理:DOM挂载完毕后,获取 el-selcet宽度,并赋值给 el-option 。 如果el-select 宽度不...
思路:用document.activeElement 找到页面当前活跃元素,找父级几点,判断是否为el-select选择框,根据是否有is-focus类名,判断下拉框是否展开,在全局找到下拉框的所有元素(可能不止一个),从哪个所有的下拉框元素中找到display属性为block的下拉框,设置宽度与当前活跃的el-selct输入框一样。 事件委托,给el-option加title属...
},true) 思路:用document.activeElement 找到页面当前活跃元素,找父级几点,判断是否为el-select选择框,根据是否有is-focus类名,判断下拉框是否展开,在全局找到下拉框的所有元素(可能不止一个),从哪个所有的下拉框元素中找到display属性为block的下拉框,设置宽度与当前活跃的el-selct输入框一样。 事件委托,给el-opti...
el-select选择框宽度与输⼊框相同事件委托给el-option加title 。// el-select下拉框宽度与输⼊框保持⼀致 document.addEventListener('click',e => { setTimeout(() => { let activeNode = document.activeElement;if(activeNode){ let parentNode = activeNode.parentNode;if(parentNode){ if(parentNode....