vue路由跳转后页面样式错乱,刷新一下又好了的问题

发布时间 2023-11-09 13:56:54作者: 衣囧~

跳转页面 后输入框过大

解决

<style scoped >    加上scoped 

分析

大概率是因为 vue加载组件的时候,会把所有组件的css全部加载到一起,而这个时候 样式是全局的, vue会偷懒不再渲染当前页面的样式

首先想到的是利用 scoped来解决,在 vue中引入了 scoped这个概念, scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了 data-v-hash的方式来使 css有了它对应模块的标识,这样写 css的时候不需要加太多额外的选择器,方便很多。
其中,最核心的一点就是限定它的作用域只局限于当前页面,不会影响到其他页面。