【VUE】迫不得已咱們改一下樣式!然後再掛個JS吧!

NO IMAGE

寫在前面的

   世事難料,剛剛接觸VUE,自己的腦海中還是總帶著“頁面JS解決一切”的想法。雖然知道外掛JS並不符合整個VUE的思想,但是還是得這麼做了。
   因為專案原因,我們必須使用Iview.js,因為其本身對頁面表格的功能封裝的比較完善,所以想要自己再按照需求自定義一些樣式或者功能,就比較麻煩了。對於樣式而言,修改起來比較容易,我們只需要找到專案檔案目錄下node_modules–>iview–>dist–>style中的iview.css,修改原始檔中的一些小樣式即可。但是,對於再增加或者優化一些功能,就不能像這樣去修改原始檔了。(簡單的小功能還可以,複雜一點的……走好不送)

兩種方法

方法一

  • 我們在指令碼中的”mounted(){}”下,使用dom進行script的掛載。(mounted與created的區別百度即可vue社群給的解釋還是很不錯的)
mounted(){
const s = document.createElement('script');
s.type = 'text/javascript';
s.src='../../test.js';
document.body.appendChild(s);
}
/*這樣我們在整個頁面載入之後,會將test.js掛載到頁面上,使用created的話,就需要考慮JS中的函式和頁面載入的先後順序了,具體按照自己的需求即可*/

方法二

mounted(){
const s = document.createElement('script');
s.type = 'text/javascript';
s.onload='.........'
document.body.appendChild(s);
}
/*我們可以在onload中直接寫js,但是這樣一來就需要考慮到底是在mounted中外掛,還是在created外掛,到底是使用onload還是ready,就需要自己斟酌了,否則頁面載入的時候會報錯*/

總結

   總之,非常不建議自行新增JS,所有的外掛行為均可以由VUE本身去實現,但是自己水平有限,對VUE的掌握還是不到位,所以算是偷了個懶吧,罪過罪過~