首页 > 其他 > 详细

通过ref来获取DOM节点

时间:2018-06-27 20:41:40      阅读:168      评论:0      收藏:0      [点我收藏+]
 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节点

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!