vue中this.$nextTick用法

vue是数据改变影响视图。

问题描述：

需求是：点击按钮后进入handleOkReview方法前需要按钮转圈圈。但是实际效果是，没来得及转圈就进入了方法。（debugger测试出来的）

signSubmit() {
      this.loading=true;
      this.$refs.realForm.handleOkReview(this.record);
      
    },

原因是：

this.loading=true;改变了数据，但是还没来得及改变dom元素。就执行了下面的方法。

this.$nextTick会等dom元素更新后再执行。

signSubmit() {
      this.loading=true;  //使按钮变为转圈状态
      this.$nextTick(() => {
        this.$refs.realForm.handleOkReview(this.record);
      })
      
    },