您的位置:首页 > 产品设计 > UI/UE

vue---vue中如何操作dom获取节点?.vue组件中通过mounted获取节点操作

2017-09-02 10:30 1101 查看
选择器获取

<template>
<div>
<canvas id='cvs' >
</div>
</template>
<script>
export default{
mounted(){
let canvas=document.querySelector('#cvs');
}
}
</script>


ref获取

<template>
<div>
<canvas ref='cvs' >
</div>
</template>
<script>
export default{
mounted(){
let canvas=this.$refs.cvs;
}
}
</script>


//vue中,在mounted之后的钩子 函数中才能进行dom操作,mounted完成dom挂载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  canvas vue mounted 节点 refs