- 选择器获取
<template>
<div>
<canvas id='cvs' >
</div>
</template>
<script>
export default{
mounted(){
let canvas=document.querySelector('#cvs');
}
}
</script>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- ref获取
<template>
<div>
<canvas ref='cvs' >
</div>
</template>
<script>
export default{
mounted(){
let canvas=this.$refs.cvs;
}
}
</script>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
//vue中,在mounted之后的钩子 函数中才能进行dom操作,mounted完成dom挂载