How does vue get the elements in the pop-up box with element?

how does vue get the elements in the pop-up box with element?
html Code:

< el-dialog title= "score": visible.sync= "score1" > 

<div>
      <canvas id="myChart" width="400px" height="400px"></canvas>
</div>

< / el-dialog >

js Code:
mounted () {

var myChart = document.getElementById("myChart");
console.log(myChart)         null

}

Javascript html
Oct.21,2021 
   mounted() {
     this.$nextTick(function () {
        var myChart = document.getElementById("myChart");
        console.log(myChart)         //
     })
   }

to get the element, use ref 

<el-dialog title="" :visible.sync="score1">
    <div>
          <canvas id="myChart" width="400px" height="400px" ref="myChart"></canvas>
    </div>
</el-dialog>
//js:
mounted() {
this.$$nextTick(()=>{
    var myChart = this.$refs.myChart
    console.log(myChart)
    })        
}

one more thing, you promised to print it in mounted. First of all, you have to make sure that the node you want to print is mounted when mounted executes. If not, it will not be printed.

element should be generated when the pop-up box is displayed, so it should be

. 
openDialog(){
    this.score1=true;
    this.$nextTick(()=>{
        let myChart = document.getElementById("myChart");
    })
}

then try

Previous: Do you need the front end to do an H5App, that is, a hybrid APP?

Next: Take a refund function as an example, how to ensure that refunds, database updates, and sending text messages are all done or not done?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu