vue---vue中如何操作dom获取节点?.vue组件中通过mounted获取节点操作
2017-09-02 10:30
1101 查看
选择器获取
ref获取
<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挂载
相关文章推荐
- js获取节点 dom操作
- js获取节点 dom操作
- js获取节点 dom操作
- BOM__Document对象简介-三种获取节点方式,通过节点层次关系获取节点,以及对象中的属性操作
- vue中如何不通过路由直接获取url中的参数
- 如何通过cmdline获取panel型号的dtsi文件节点(qcom,lcd,id)
- html dom节点操作(获取/修改/添加或删除)
- DOM(一)-15-(通过节点层次关系获取节点)
- React入门03-react中操作组件的dom节点
- 详解在Vue中通过自定义指令获取dom元素
- 如何在angular指令渲染模板完毕后再执行link方法,render完毕再在link中操作dom节点
- 【DOM】(1)通过document获取页面节点的三个属性(nodeName、nodeType、nodeValue)
- 如何通过css选取元素以及封装了获取,删除css的相关操作
- JS中获取以及操作DOM中的节点
- Vue组件中如何获取非Prop特性的值
- vue.js入门(五)——如何操作底层DOM
- js获取节点 dom操作
- 通过Vue的ref操作DOM
- 【Dom】通过递归获取节点的层次关系
- 在vuex的store中如何正确的通过axios进行请求操作获取数据