vue中使用css module时,第三方ui库的样式没有改变。

问题还原:我用vant ui库开发移动端,在vue单文组件里使用css module时,我对vant的内部class样式做了修改,没有效果。但我的自定义class却正确的发生了变化。

(1)我查看this.$style的时候发现,我上面修改过的vant的class已经发生了变化。如下图:

clipboard.png

(2)但在页面上我查看节点的时候,发现vant内部的class没有改变。但自定义的class改变了。也是说css module配置成功了。如下图:

clipboard.png

(3)这是我写的css样式:

clipboard.png

(4)我怀疑是不是我css module的webpack配置错了,我的配置过程是这样子的:

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

clipboard.png

(5)求大神门指点一二。

阅读 4k
1 个回答

这里配置的只是处理scss文件,你看到的dom上的类其实是在vue里面处理,也就是在组件里处理的,如果vant没支持css module就是这样的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题