css - vue里局部引用的样式怎么都成为全局的了?
代言
代言 2017-07-06 10:35:40
[Node.js讨论组]

1.vue里引用的局部样式怎么在其他页面也生效,router切换页面后就加载了改页面的样式

代言
代言

全部回复(4)
我想大声告诉你

局部样式只能在局部应用,如果需要全局使用,可以把公共类提出到app.vue 中

女神的闺蜜爱上我

在vue中有app.vue这个总组件 在这个文件中暴露你想要提升到全局的命令 在其他的操作组件中都可以看到的,这个是就是vue这个声明式框架的优点.在一个主组件中定义的方法或者样式,都是可以在绑定到其他的组件中的

ringa_lee

它只是把css写在了局部文件里,不代表css只作用在局部。如果你想只在组件里起作用,可以加个 scoped

<style scoped>
/*css code*/
</style>
phpcn_u1582

两种方式

  • 自己控制标签选择器的范围

  • 组件模板中style上加scoped.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号