using async-await to wait for an assignment inside a function in Vuejs

Question

I have a function that does 2 things. I want to wait for the first line and then execute the second line. The first line is a simple assignment. How can I do this using async-await without making the first assignment a function. The following code gives me an error in line 2.

async eg(){
    await a = b;
    c.focus();
}

You don't have to wait for an assignment. Assignments are synchronous anyway so it'll always 'wait' for it finish before proceeding to the next line. — skirtle
– skirtle, Commented Feb 28, 2020 at 0:48
If neither of the two things that the function does is asynchronous, you don't need - and should not use - async/await. — Bergi
– Bergi, Commented Feb 28, 2020 at 0:56
I have a div with v-if that comes true only when a is equal to b. when that happens a pop up shows that contains c and then I want the focus to move to the c. Without the async-await it doesn't work — mha
– mha, Commented Feb 28, 2020 at 1:13
Agreed with the two previous comments: you don't need await for an assignment. Can you post an extract of your template? It might be related to some "Component does not update when I want to" question. Stuff like this.$nextTick(); can help. — Al-un
– Al-un, Commented Feb 28, 2020 at 1:27

ChrisWong · Accepted Answer · 2020-02-28 04:12:52Z

2

eg() {
  this.a = this.b;
  setTimeout(() => {
    this.$refs["c"].focus();
  }, 1);
}

Code Sandbox

answered Feb 28, 2020 at 4:12

ChrisWong

301 silver badge3 bronze badges

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

Comments

mha · Accepted Answer · 2020-02-28 03:13:37Z

1

As user Al-un mentioned using this.$nextTick(); solved it beautifully.

answered Feb 28, 2020 at 3:13

mha

6572 gold badges12 silver badges24 bronze badges

Collectives™ on Stack Overflow

using async-await to wait for an assignment inside a function in Vuejs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related