码迷,mamicode.com
首页 > 其他好文 > 详细

通过ref来获取DOM节点

时间:2018-06-27 21:10:35      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:span   inner   color   method   data   很多   this   而在   注意   

 1 <template>
 2   <div>
 3     <div ref="hello">
 4       hello world
 5     </div>
 6     <button @click="handleClick">我是按钮</button>
 7   </div>
 8 </template>
 9 
10 <script>
11 export default {
12   name: Home,
13   data () {
14     return {
15       arr: ‘‘
16     }
17   },
18   methods: {
19     handleClick () {
20       this.arr = this.$refs.hello.innerHTML //获取DOM元素节点的值
21       alert(this.arr)
22     }
23   }
24 }
25 </script>

注意:在HTML中时ref,而在methods中是refs,因为在HTML中ref可能有很多,而在methods是通过总的ref来寻找

通过ref来获取DOM节点

标签:span   inner   color   method   data   很多   this   而在   注意   

原文地址:https://www.cnblogs.com/lanyb009/p/9235809.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!