前些天發(fā)現(xiàn)了一個巨牛的人工智能學(xué)習(xí)網(wǎng)站，通俗易懂，風(fēng)趣幽默，忍不住分享一下給大家。點擊跳轉(zhuǎn)到教程。

1. 我的情況：

我遇到 2 種情況，一個是表格的分頁樣式有變化。另一個是導(dǎo)航菜單樣式有變化。

2. 解決：

方法一：

對于第1個問題我只是單純在那個組件樣式文化中加了? scoped 。

對于我的第2 個問題，用第一種方法不成功。

方法二：

于是，F12看到原本的樣式上都有一條黑色的線，如下：

查后得知，這是樣式被覆蓋了。再找不帶黑線的同名的樣式就知道是哪個樣式覆蓋了原本的。

原來 是紅框中覆蓋了我原本的樣式，找到紅框中的樣式設(shè)置文件并修改后，果然再運行就正常了。?

?

另：我在網(wǎng)上看到有的是引入樣式文件的順序，影響加載順序；多個相同樣式文件同時存在項目中，要刪除多余的；

還有其它原因參見：Vue 項目本地運行 run 與服務(wù)器上 build 樣式不一致，build 后樣式不生效

?

---------------------------------------------------------------------

2019.5.30 后記?

今天又遇到打包后樣式有變的情況。

在頁面樣式不一致的地方，右鍵 “ 檢查 ” 可查看當(dāng)前問題界面是用的什么樣式，如查看樣式不對的div 的樣式。

找到問題樣式后，對比正確情況樣式，研究 2 者有什么不一樣。

找到區(qū)別后去更正錯誤樣式為正確樣式。

今天的情況是：App.vue 文件中有一個樣式設(shè)置覆蓋了我需要的樣式。

?

?

總結(jié)

以上是生活随笔為你收集整理的解决 VUE： 本地运行和服务器上运行样式不一致，run、build 运行时样式有出入的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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