前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >防止vue文件中的样式出现‘污染’情况(html5 scoped特性)

防止vue文件中的样式出现‘污染’情况(html5 scoped特性)

作者头像
lin_zone
发布2018-08-15 10:19:21
7860
发布2018-08-15 10:19:21
举报
文章被收录于专栏:LIN_ZONELIN_ZONE

近期在项目中出现了vue样式污染的情况:

一个页面刚进去时样式不正常,刷新之后,样式才才达到预期那样

在vue中,如果把样式写在vue文件的 style中,可能会出现样式污染的情况,这是要把写样式的标签

代码语言:javascript
复制
<style></style>
写成
<style scoped></style>

 这样,style标签中的样式的作用域就只是在此vue文件了,就不会出现样式污染的情况了

或许还有其他情况,可能是因为我的水平有限,目前我只知道这一种情况。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-05-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档