方法1:v-if 局部刷新,如果组件复杂,可以尝试方法2.
方法2:给当前组件设置一个key值,值放在data里,然后需要刷新时,改变一下key值。
<template>
<div>
<Hello :key="hello" @click="handleHello"></Hello>
</div>
</template>
<script>
import Hello from "xxx";
export default {
components: {
Hello
},
data() {
return {
hello: 0
};
},
methods: {
handleHello() {
this.hello = !Boolean(this.hello) ? 1 : 0;
}
}
};
</script>