displaying a variable with vue js

Question

I am trying to display the variable "stage" in the "{{ stageTest }} but I cannot seem to get it working. How do I go about displaying the variable with .vue? I have an alert box working so I know I am getting the result I just cant display it for some reason with .vue any help would be greatly appreciated.

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

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

yes i did like this right export default { data () { return { stageTest: null } }, — rolle
– rolle, Commented Aug 16, 2018 at 10:19

nook · Accepted Answer · 2019-05-10 09:59:14Z

1

This is probably due to the fact that when using the callback function with the function keyword you unbind what this refers to.

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

I replaced your function with an arrow function, which unbinds the this keyword, so you still have the this from the upper scope.

answered May 10, 2019 at 9:59

nook

1,8942 gold badges19 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

displaying a variable with vue js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related