vue中强制刷新页面的方法?
程序员文章站
2022-05-14 22:57:42
...
答:有两种方法:
(1)this.$router.go(0);// 简单粗暴,可能会出现空白页
(2)在app.vue中定义reload()方法:
<template>
<div id="app">
<router-view v-if="isReload"/>
</div>
</template>
<script>
export default {
name: 'App',
provide() {
return {
reload: this.reload
}
},
data() {
return {
isReload: true
}
},
methods: {
reload() {
this.isReload = false
this.$nextTick(() => {
this.isReload = true
})
}
}
}
</script>
在需要强制刷新的页面引用:
<script>
export default {
inject: ['reload'],
methods: {
clickReload() { // 点击之后强制刷新
this.reload()
}
}
}
</script>
上一篇: 【办公-excel】VBA拼接字段内容
下一篇: Vue刷新页面的三种方式