官方示例中给出了一种vxe-select在表格中的使用,但是实际上由于存在于表头中使用的需求,因此有被表头遮挡的可能性存在。
究其原因非常简单:
.vxe-select-option {
padding: 0 .6em;
max-width: 600px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
在overflow中,被设置为hidden。显然,这就是设置不可超出父元素的关键,hidden改成visible即可。