vue時，會用到el-dialog做為彈窗稀并，但這個彈窗的寬度默認為50%.因項目中需要調(diào)整彈償?shù)膶挾冉銎模枰O(shè)置其屬性。
嘗試過程如下：
- 方法1：
通過查找 el-dialog的官網(wǎng)api,查到其有寬度width的屬性,設(shè)置其寬度比例即可
width="85%",但經(jīng)設(shè)置后碘举，發(fā)現(xiàn)沒起任何作用忘瓦。
方法1失敗。 - 方法2：
問前端的兄弟，他說需要設(shè)置style,即增加屬性 style="width:85%",
但設(shè)置后耕皮，仍然沒有任何效果境蜕。
方法2失敗。 - 方法3：
最終我在el-dialog增加了一個customClass,
設(shè)置如下：
<el-dialog customClass="customWidth" title="日志" v-model="dialogFormVisibleAdd">
凌停。粱年。。罚拟。
</el-dialog>
<style>
.customWidth{
width:80%;
}
</style>
經(jīng)調(diào)整后台诗，方法3成功。
至于方法1赐俗，方法2為什么不起作用拉队，前端的兄弟說，樣式可能被覆蓋阻逮，但我暫時沒找到覆蓋的地方粱快。不過成功就好！
