vue局部组建刷新

方法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>
posted @ 2018-05-18 07:59  时标  阅读(265)  评论(0编辑  收藏  举报