1.解決導航折疊，開啟后，開啟不全的問題

? ? 在Home.vue里，v-show="!collapsed"改成v-if="!collapsed"。

2.解決mock數據和真實數據的切換問題

把main.js中下面兩行注釋掉

import Mockfrom './mock'?

Mock.bootstrap();

3.單擊空白處，對話框消失（不用點擊關閉按鈕）

把下面代碼修改：

舊：<el-dialog title="編輯" v-model="editFormVisible" :close-on-click-modal="false">

新：<el-dialog title="編輯" :visible.sync="addFormVisible">

close-on-click-modal="false" 就是點擊空白關閉無效的意思

4.改變原有樣式，彈出框在右邊，上下撐滿

<el-dialog title="編集" :visible.sync="editFormVisible" top="0px">

top="0px"為頂到字上層

<style lang="scss">

? ? .el-dialog{

position:fixed; //相對于瀏覽器窗口進行定位, 滾動條消失

height:100%;

width:600px;? //固定寫死寬度，這樣在瀏覽器大小變動的時候，彈出框寬度不變

left:calc(100% -600px);? //關鍵在此，計算。減去寬度的一半

? ? }

</style>

5.更新本地"element-ui"包的版本

# npm ls element-ui 查看本地element-ui的版本號

#手動修改修改package.json中包的版本號。1.2.8→2.4.7

#npm update?element-ui 更新element-ui的版本號。

#如果有需要，在main.js中修改，element-ui的index.css的依賴路徑

?

總結

以上是生活随笔為你收集整理的vue element的若干问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。