vue中刷新页面时去闪烁,提升体验方法
程序员文章站
2022-03-09 22:17:03
首先在最外层div添加v-if="isReloadAlive",并创建变量isReloadAlive = true 随后添加provide()以及reload方法,如下: export default { provide() { return { reload: this.reload } }, d ......
首先在最外层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()即可
下一篇: 设计模式系列 - 原型模式