美文网首页
vue css样式需要刷新才能加载出来

vue css样式需要刷新才能加载出来

作者: 三人行慕课 | 来源:发表于2019-08-06 10:56 被阅读0次

最近发现一个比较奇怪的问题,就是在开发vue中,路由点击跳转到另外一个组件中,样式是不出来的,然后刷新当前页面css样式才加载出来,找了好久才发现这个bug。

进入以后样式是这样的:css样式根本没有加载,这是为什么?

刷新了页面以后才可以出来,本身样式也是这样的:

找了半天原因,一点一点测试才发现

原来渲染的组件的父盒子的class='item'居然影响了css样式的内容,很奇怪,把class='item'修改成比如:class='abc'就可以了。

原文地址和更多信息:

https://www.3mooc.com/front/articleinfo/465

相关文章

  • vue css样式需要刷新才能加载出来

    最近发现一个比较奇怪的问题,就是在开发vue中,路由点击跳转到另外一个组件中,样式是不出来的,然后刷新当前页面cs...

  • web前端入门到实战:css选择器和css文本样式相关

    css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import...

  • 前端开发 踩坑总结

    1,Vue 当动态import 路由懒加载时。如果Vue文件中的Css也被import动态引入,可能会导致页面样式...

  • 关于CSS

    CSS 加载方式 css引用方式分为以下三种: 外部样式 内部样式 内联样式 外部样式 外部式css样式就是把cs...

  • Vue引入css文件

    不想在vue文件中写CSS或者CSS太长,不适合在vue中写,就在需要引入的地方引入css样式 如果引入的是全局样...

  • 从0到1制作WordPress主题#4使用样式表

    接下来我们要加载调用样式表style.css文件。1.打开style.css文件并输入以下代码: 2.保存并刷新浏...

  • CSS基础理解

    CSS基础理解 一、CSS 加载方式有几种 CSS可以通过使用外部样式表、内部样式表、内联样式来使用。 外部样式表...

  • 2019-01-13

    最近家里的笔记本github打开加载不出css样式和图片了。。照网上的各种方法,修改hosts,各种刷新,都不行,...

  • CSS基础与选择器

    一、CSS加载方式 外部样式表(推荐) 通过 在html中引入CSS: 通过@import引入样式,放入CSS中,...

  • CSS基础与选择器

    CSS加载方式有几种? 外部样式表(推荐) 通过 引入外部css 通过@import引入样式,放入CSS中(后面一...

网友评论

      本文标题:vue css样式需要刷新才能加载出来

      本文链接:https://www.haomeiwen.com/subject/uyhidctx.html