用vue js显示变量

Question

我正在尝试在“ {{stageTest}}”中显示变量“ stage”，但似乎无法正常工作。如何使用.vue显示变量？我有一个警告框在工作，所以我知道我得到的结果由于某种原因我无法显示。任何帮助将不胜感激。

<div>{{ stageTest }}</div>

test() {
  CONTRACT.name1(function (err, res) {
    var stage = res;
    alert(stage);
    this.stageTest = stage;
  })
}

Answer 1

这可能是由于在将回调函数与function关键字一起使用时，您取消了this所指的内容的绑定。

test() {
  CONTRACT.name1((err, res) => { // Arrow functions unbind `this`
    var stage = res;
    alert(stage);
    this.stageTest = stage;
  })
}

我用箭头功能替换了您的功能，该功能取消了this关键字的绑定，因此您仍然有this的上层范围。