1.解決導(dǎo)航折疊，開啟后，開啟不全的問題

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

2.解決mock數(shù)據(jù)和真實(shí)數(shù)據(jù)的切換問題

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

import Mockfrom './mock'?

Mock.bootstrap();

3.單擊空白處，對話框消失（不用點(diǎn)擊關(guān)閉按鈕）

把下面代碼修改：

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

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

close-on-click-modal="false" 就是點(diǎn)擊空白關(guān)閉無效的意思

4.改變原有樣式，彈出框在右邊，上下?lián)螡M

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

top="0px"為頂?shù)阶稚蠈?/p>

<style lang="scss">

? ? .el-dialog{

position:fixed; //相對于瀏覽器窗口進(jìn)行定位, 滾動(dòng)條消失

height:100%;

width:600px;? //固定寫死寬度，這樣在瀏覽器大小變動(dòng)的時(shí)候，彈出框?qū)挾炔蛔?/p>

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

? ? }

</style>

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

# npm ls element-ui 查看本地element-ui的版本號(hào)

#手動(dòng)修改修改package.json中包的版本號(hào)。1.2.8→2.4.7

#npm update?element-ui 更新element-ui的版本號(hào)。

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。