鍍金池/ 問答/HTML5  HTML/ vue中使用css module時,第三方ui庫的樣式?jīng)]有改變。

vue中使用css module時,第三方ui庫的樣式?jīng)]有改變。

問題還原:我用vant ui庫開發(fā)移動端,在vue單文組件里使用css module時,我對vant的內(nèi)部class樣式做了修改,沒有效果。但我的自定義class卻正確的發(fā)生了變化。

(1)我查看this.$style的時候發(fā)現(xiàn),我上面修改過的vant的class已經(jīng)發(fā)生了變化。如下圖:

clipboard.png

(2)但在頁面上我查看節(jié)點的時候,發(fā)現(xiàn)vant內(nèi)部的class沒有改變。但自定義的class改變了。也是說css module配置成功了。如下圖:

clipboard.png

(3)這是我寫的css樣式:

clipboard.png

(4)我懷疑是不是我css module的webpack配置錯了,我的配置過程是這樣子的:

我直接在build/webpack.base.conf.js文件下加上以下代碼:

clipboard.png

(5)求大神門指點一二。

回答
編輯回答
空痕

這里配置的只是處理scss文件,你看到的dom上的類其實是在vue里面處理,也就是在組件里處理的,如果vant沒支持css module就是這樣的

2017年4月23日 07:55