vue刷新页面时去闪烁提升用户体验效果的实现方法
时间：2021-06-18 08:44:12|栏目：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()即可
补充：下面看下vue解决刷新时闪烁问题
1.在vue容器的div里面加上 v-cloak
<div id="app" v-cloak>
2.样式文件中加上
<style type="text/css">
[v-cloak] {
display: none !important;
}
</style>
总结
上一篇：Vue使用vue-area-linkage实现地址三级联动效果的示例
栏 目：vue
下一篇：浅谈vue父子组件怎么传值
本文地址：http://www.codeinn.net/misctech/143797.html
