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

来源:互联网 发布:java软件工程师怎么考 编辑:程序博客网 时间:2024/04/27 21:54
  • 选择器获取
<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挂载