ElementUI el-select 组件动态设置disabled后，高度变更的问题解决办法

ElementUI的el-select组件在动态设置disabled属性后可能会出现高度变化的问题。这个问题通常是由于内部元素的显示状态发生了变化，导致了组件的高度重新计算。

解决这个问题，可以采用以下几种方法：

1. 使用CSS强制定高：

   通过CSS样式，直接设置el-select的高度，避免其高度随内部元素变化而变化。

.el-select {
  height: 40px; /* 设置为期望的高度 */
}

2. 使用popper-class属性自定义下拉菜单的样式：

   可以通过popper-class属性来为下拉菜单定义一个自定义类名，然后通过CSS来覆盖其默认的样式。

<el-select popper-class="custom-select-popper">
  <!-- options -->
</el-select>

.custom-select-popper {
  height: 100px; /* 根据需要设置高度 */
}

3. 使用$nextTick方法确保DOM更新完成：

   在动态设置disabled属性后，使用Vue的$nextTick方法确保DOM已经更新完成，然后重新计算高度。

this.selectDisabled = true; // 设置disabled属性
this.$nextTick(() => {
  this.$refs.select.$el.style.height = 'auto'; // 或者根据实际情况设置固定高度
});

确保在设置disabled属性后，使用上述方法之一来防止el-select组件的高度变化问题。