品牌商标购买网站,网站ui设计给用户提交什么,商城网站系统建设,免费的视频网站如何赚钱问题
当在前端使用vue开发时#xff0c;给特定页面做好了css并且通过import去导入到当前页面#xff1b;在编译运行之后发现其他页面也受到影响更改了样式#xff0c;即“全局污染”。
污染方式
单组件污染 单个组件样式#xff0c;影响到了其他的组件的样式。 单个组件…问题
当在前端使用vue开发时给特定页面做好了css并且通过import去导入到当前页面在编译运行之后发现其他页面也受到影响更改了样式即“全局污染”。
污染方式
单组件污染 单个组件样式影响到了其他的组件的样式。 单个组件污染的问题主要表现在 style样式 /style上不加 scoped;scoped的作用就是让样式只作用于当前组件如果没有 scoped那么样式就有可能影响其他组件。多组件污染 多个组件在会共用一套CSS代码时就会造成多组件污染的情况style scoped import assets/css/common.css; /style 这种方式也会造成全局污染的情况但是已经加了scoped最后无效的原因是“import”原因如下import并不是直接引入css代码到页面而是发起新的不带scoped的请求获得样式资源因此这种引用方式是全局的从而引起全局污染。 解决办法 在VUE中页面是被允许添加多个Style、Script的所以可以再添加一个Style通过src的方式去获取样式资源就能解决样式污染问题 style src/assets/css/yours.css scoped
/style
