怎么解决vue中的闪一下的问题,即有大括号,闪一下即消失?


通过在css中添加下面语句,在需要不闪烁的地方添加上v-cloak属性:

css:

[v-cloak]{

display: none;
}

html:

<div class="container" v-cloak>
<h1 class="text-center">{{message}}</h1></div>

js中的model:

data:{

  message:"hello"

}

出现闪烁的原因:
先加载html,后加载js
解决闪烁
1,把js放在html上面(head之间)
2.加v-bind
3.v-bind-template
4.v-cloak

补充一个小知识点:

css中添加默认属性,这是激活vue路由链接中的css样式:

.router-link-active{
color: red;
font-size: 20px;
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM