vue用element弹框如何获取弹框中的元素？

Question

vue用element弹框如何获取弹框中的元素？
html代码：

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

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

</el-dialog>

js代码：
mounted() {

var myChart = document.getElementById("myChart");console.log(myChart)         这里输出的是null

}

Answer 1

element 应该是弹框显示出来的时候才生成元素的吧, 所以应该在openDialog(){&nbsp;&nbsp;&nbsp;&nbsp;this.score1=true;&nbsp;&nbsp;&nbsp;&nbsp;this.$nextTick(()=>{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;myChart&nbsp;=&nbsp;document.getElementById("myChart"); &nbsp;&nbsp;&nbsp;&nbsp;}) }这样你试试