vue刷新页面时去闪烁提升用户体验效果的实现方
编程学习 2021-07-04 16:47www.dzhlxh.cn编程入门
这篇文章主要介绍了vue刷新页面时去闪烁提升体验方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
首先在最外层div添加v-if="isReloadAlive"，并创建变量isReloadAlive = true
随后添加provide()以及reload方法，如下：
export default {
provide() {
return {
reload: this.reload
}
},
data(){
isReloadAlive : true
},
methods: {
reload() {
this.isReloadAlive = false;
this.$nextTick(function(){
this.isReloadAlive = true;
})
}
}
最后调用this.reload()即可
补充：狼蚁网站SEO优化看下vue解决刷新时闪烁问题
1.在vue容器的div里面加上 v-cloak
<div id="app" v-cloak>
2.样式文件中加上
<style type="text/css">
[v-cloak] {
display: none !important;
}
</style>
总结
以上所述是长沙网络推广给大家介绍的vue刷新页面时去闪烁提升体验方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！