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 版本上測試通過

 

未經作者許可，禁止轉載，謝謝！！！