iView側邊欄（Sider）寬度修改

<Sider hide-trigger :style="{background: '#fff',width:'100%',maxWidth:'300px','max-width':'300px'}" span="4">

maxWidth:'300px'
'max-width':'300px'
上面這兩種形式是一樣的

想要修改Sider寬度，卻發現在vue的style中設置並不成功。研究過後發現，不成功的原因有下面幾點：

        1、默認樣式有最大寬度限制，所以不成功；        

默認樣式最大寬度限制

        2、可以在元素的行內標籤設置修改，不能在樣式表中修改，原因是iview的默認樣式設置在了element.style中。要對element.style中的設置複寫，就只能採用行內標籤方式。

element.style中的設置

 

    所以，綜上，在元素標籤中使用行內style修改（max-width:nnn px; width:nnn px）就可以對其進行修改了 。

作者：御用閒人豪
鏈接：https://www.jianshu.com/p/62d6987eaa28
來源：簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。