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

1. 我的情況：

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

2. 解決：

方法一：

對(duì)于第1個(gè)問(wèn)題我只是單純?cè)谀莻€(gè)組件樣式文化中加了? scoped 。

對(duì)于我的第2 個(gè)問(wèn)題，用第一種方法不成功。

方法二：

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

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

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

?

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

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

?

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

2019.5.30 后記?

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

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

找到問(wèn)題樣式后，對(duì)比正確情況樣式，研究 2 者有什么不一樣。

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

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

?

?

總結(jié)

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

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