怎么解决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;
}

转载于:https://www.cnblogs.com/chuanzhou/p/7467655.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值