vue路由跳转后页面样式错乱,刷新一下又好了的问题
跳转页面 后输入框过大
解决
<style scoped > 加上scoped
分析
大概率是因为 vue加载组件的时候,会把所有组件的css全部加载到一起,而这个时候 样式是全局的, vue会偷懒不再渲染当前页面的样式
首先想到的是利用 scoped来解决,在 vue中引入了 scoped这个概念, scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了 data-v-hash的方式来使 css有了它对应模块的标识,这样写 css的时候不需要加太多额外的选择器,方便很多。
其中,最核心的一点就是限定它的作用域只局限于当前页面,不会影响到其他页面。
__EOF__

本文作者:衣囧~
本文链接:https://www.cnblogs.com/user-yi/p/17819575.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
本文链接:https://www.cnblogs.com/user-yi/p/17819575.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现