怎么解決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