vue,页面跳转样式错位但是刷新又好了的情况
我的需求是在登录后的首页homePage,点击退出登录按钮,回到登录页面的时候,发生了登录页面错位。但是刷新该页面又好了。要是同样的样式,前面已经加载过了,浏览器在跳到下个页面相同的样式就不会再加载了。在起名的时候可以自行区分,也可以根据官网的提示,解决办法:在首页homePage的style中加上scoped如下:<style scoped>.note{...
·
我的需求是在登录后的首页homePage,点击退出登录按钮,回到登录页面的时候,发生了登录页面错位。但是刷新该页面又好了。
要是同样的样式,前面已经加载过了,浏览器在跳到下个页面相同的样式就不会再加载了。在起名的时候可以自行区分,也可以根据官网的提示,
解决办法:在首页homePage的style中加上scoped
如下:
<style scoped>
.note{
position: absolute;
width:400px;
height:400px;
margin-left:20%;
}
</style>
这个可选 scoped 属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,也就是给你定义的名字前加一串哈希值,编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b78]:hover。
更多推荐
已为社区贡献6条内容
所有评论(0)