码迷,mamicode.com
首页 > 其他好文 > 详细

vue 返回上一页,页面样式错乱

时间:2020-03-21 12:33:35      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:vue组件   文件   css   文件中   ax1   解决   独立   有一个   class   

vue项目返回上一页有时候会出现,页面样式错乱,就是页面之间的样式干扰了,虽然vue 是单页面开发,但是并不是说写在哪个页面上就是哪个页面的样式
解决方法已知有如下两种

  1. 给最外层页面添加独立的div
    技术图片
  2. 给页面样式添加scoped

    在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。
    技术图片

参考文章: https://segmentfault.com/a/1190000015932467?utm_source=tag-newest

vue 返回上一页,页面样式错乱

标签:vue组件   文件   css   文件中   ax1   解决   独立   有一个   class   

原文地址:https://www.cnblogs.com/tsvico/p/12538492.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!