SakuraDon

vue两个页面共用css
最近遇到个小问题,VUE中有A、B、C三个页面,A和B两个页面有公用的CSS,现在想要把这一部分css代码提出来。...
扫描右侧二维码阅读全文
02
2019/07

vue两个页面共用css

最近遇到个小问题,VUE中有ABC三个页面,AB两个页面有公用的CSS,现在想要把这一部分css代码提出来。引入css的时候发现不能直接在js里important,因为是单页面应用,js里引入了就相当于全局引入了,对C页面也会产生影响。
正确的做法是在AB两个页面的<style scoped></style>标签里用

@import url('../style/a_b_common.css');

这样被引入进来的css代码也会被当前页面私有化。

每个页面或者组件可以有多个<style>标签,私有的样式和公共的可被修改的样式应该分开来写。

最終更新:2019 年 07 月 02 日 03 : 06 PM
あなたが私の記事があなたにとって有用であると感じるならば、それを感謝してください。