在寫自己部落格的時候，在文章頁面需要用到頁面樣式的引入渲染，使用了showdown和highlight.js當第一次開啟頁面的時候樣式一切正常，如果重新整理頁面所有引用的樣式會被取消，再跳轉其他頁面，樣式同樣失效。
但是只是在其他頁面，引用的font-awasome的樣式卻沒問題，問題可能出在單純的js引用後導致全部檔案的失效。
專案使用的vue-router是history模式下的，只是為了url裡沒有#更好看點，這也就出現了這個問題
其實問題的原因就是history模式下會導致根目錄的不固定，無法通過相對位置成功引用對應檔案。
vue-router官方文件
把所有的引用檔案都轉為絕對位址
rel=
"stylesheet"
href
="./static/css/scroll.css"
>
↓rel=
"stylesheet"
href
="/static/css/scroll.css"
>
vue中css樣式的提取與引用
在css的使用中，我們對一些常用 公共的css樣式，可以單獨提取出來，在用到地方再使用，可以保證一些公共的樣式一致性 增強 的維護性等。新建乙個 物件內文字溢位時顯示省略號 的樣式 ellipsis.styl ellipsis overflow hidden white space nowrap t...
在vue中使用樣式的方法
一 vue屬性繫結 在vue中，是通過v bind 屬性繫結來實現給元素繫結style樣式。其中有兩種方式，一種是通過繫結class類繫結樣式，另一種是通過內聯樣式來實現樣式的繫結。二 繫結class樣式 1.陣列 2.陣列中使用三元表示式 3.陣列中巢狀物件 4.直接使用物件 class clas...
vue路由在keep alive下的重新整理問題
問題描述 在keep alive中的在跳轉到指定的路由時重新整理對應的路由，其餘不重新整理。有幾種解決方式 1.在keep alive中直接新增 include，cachedviews array型別 包含vue檔案的元件name都將被快取起來 反之exclude則是不包含 注意 所有.vue元件檔...