vuejs 2 nextTick()返回

时间:2016-11-03 23:30:15

标签: vuejs2

我正在尝试使用vuejs 2中的nextTick()返回一些数据,如下所示

<DnxInvisibleContent Include="bower.json" />
<DnxInvisibleContent Include=".bowerrc" />

它不起作用。任何线索?

1 个答案:

答案 0 :(得分:3)

this.$nextTick此函数不返回任何内容;它只是在刷新所有新数据后执行回调。

所以如果你想设置一些标志或数据,可以使用模态/变量。

new Vue({
  data: {
    msg: 'hello'
  },
  methods: {
    someTask: function () {
      this.msg = 'hello next tick';
      this.$nextTick(function() {
        this.printVar();
      });
    },
    printVar: function() {
      // here this variable will be changed to latest value
      // or call another function where this value is used
      // this.anotherFunction();
      console.log(this.msg);
    }
  },   
  ready: function () {
    this.someTask();
  }   
});

或者只是让我们知道您想要做什么,以便我们为您提供更好的答案。