Vue强制组件更新

使用v-if改变变量的true、false，配合vm.$nextTIck(function(){ ... }) // 异步更新队列

....

this.show = false;
this.list = res.result
this.$nextTick(function(){
    this.show = true;
})

....

 $nextTIck：为了在数据变化之后等待 Vue 完成更新 DOM，可以在数据变化之后立即使用 Vue.nextTick(callback)。这样回调函数将在 DOM 更新完成后被调用。

Vue.component('example', {
  template: '<span>{{ message }}</span>',
  data: function () {
    return {
      message: '未更新'
    }
  },
  methods: {
    updateMessage: function () {
      this.message = '已更新'
      console.log(this.$el.textContent) // => '未更新'
      this.$nextTick(function () {
        console.log(this.$el.textContent) // => '已更新'
      })
    }
  }
})