刷新nuxt中的组件

问题描述

在经过一些操作之后，在组件中调用如下刷新操作，但是网页中并没有显示出效果。必须要手动点击刷新按钮之后才能看到效果。

this.$nuxt.refresh()

问题解决

可以用一种绑定key到组件上的方法进行解决。当key更改的时候，组件也会刷新。

export default {
  data() {
    return {
      refreshKey: 0, //用于刷新
    }
  },
  methods: {
    handleCommand(command) {
        this.$cookies.removeAll();
        this.refreshKey += 1; //在页面跳转之前使用
        this.$router.push({path: '/home'});
    }
  }
}