鍍金池/ 問答/HTML/ vue 路由回退問題

vue 路由回退問題

貼圖一看就知道問題

這是開始，點(diǎn)擊 login 去到登錄頁
clipboard.png

也就是這個頁面，隨后點(diǎn)擊瀏覽器的回退按鈕回到開始頁面
clipboard.png

login 中的樣式就影響到了開始頁面，這個怎么解決？
clipboard.png

回答
編輯回答
誮惜顏

style 加個scoped， 使用less或scss 用頂層類名包裹著。

2017年2月28日 15:24
編輯回答
莓森

原因猜測：background-image 優(yōu)先級高于 background-color，
這意味著同時設(shè)置 background-image 和 background-color，
background-color 被覆蓋。
解決方法很簡單，設(shè)置 background-image:none;

2017年8月29日 07:16
編輯回答
下墜

如果 <style> 標(biāo)簽中 不寫scoped 那么你寫的class 樣式就會被重復(fù)引用， 因?yàn)樽兂扇謽邮搅?br>比如： 1.vue 中有 <div class='login'></div> .login{ color:red }

  1. <input class="login" />.login{ color:blue}

那么這個一定不會是寫的樣式， 要嗎全紅， 要嗎全藍(lán)。 必須加scoped 做限制。

或者你直接用行內(nèi)樣式寫

2017年1月25日 02:18
編輯回答
使勁操

情況可能
1：你的背景色 給的是最外層的盒子 index.html頁面的DIV
2：你的css類名沖突 或者沒起名字 直接利用標(biāo)簽
3：瀏覽器問題

如果是1 你應(yīng)該再對應(yīng)的路由組件里面寫樣式

 2 在組件css里面寫入

clipboard.png

 作用就是css不影響其他組件  及時有沖突命名
 3換Vue支持的瀏覽器
2017年6月2日 06:54