Vue: window.print(); after content changed

[youyi1314]

Version

2.5.3

Reproduction link

https://jsfiddle.net/50wL7mdz/77812/

Steps to reproduce

Click the print link

What is expected?

i want to print "Print Me"

What is actually happening?

it will need to click second time only it change the content

[anhulife]

change data don't update DOM immediately, you need execute window.print like this:

printNow(value){
  this.print = value;

  this.$nextTick(() => {
    window.print();
  });
}

[posva]

What @anhulife said 🙂

[Frank-Dell]

change data don't update DOM immediately, you need execute window.print like this:

printNow(value){
  this.print = value;

  this.$nextTick(() => {
    window.print();
  });
}

It works!!!!!!!!