IView Select 下拉框文字过多解决方法

【现象描述】

如图：文字越多，option宽度就越不受控制，在实际项目中，里面的文字用户可以自定义的

 

 【尝试解决】

参考官网中，有transfer这个属性，设置后不起作用。了解到官网组件应该没有对这特定的问题做处理

 

【解决方案】

/*设置iview select样式*/
.ivu-select{
  position:relative;
}
.ivu-select .ivu-select-dropdown{
  width: 100% !important;
  min-width:auto !important;
}

插入如上代码，即可。

【最终效果】

 

 给Select 设置宽度多少，option的宽度就可以自适应

 

【说明】

本解决方案在 Iview 组件4.X 版本上测试通过

 

未经作者许可，禁止转载，谢谢！！！