vue页面进入时闪烁问题的解决

注:暂时解决了问题,以后再根据情况更新。
一般有两种原因:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。

解决方法(亲测可行):
(1)在css中加入代码

[v-cloak] {
	display:none;
}

(2)在挂载元素上加入属性 v-cloak
例如:

<div class="#app">
    <p>{{value.name}}</p>
</div>

注:vue模版渲染完成后再显示dom,闪烁得以解决

不起效可能的原因

  1. css样式优先级不够,被覆盖
    解决:
[v-cloak] {
	display:none !important;
}

2.样式放在了@import引入的css文件中
解决:

<style>
[v-cloak] {
	display:none;
}
</style>

或者:
把样式写到通过link引入的css中

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值