首页 > 其他 > 详细

vue基础补充

时间:2020-01-26 23:58:03      阅读:147      评论:0      收藏:0      [点我收藏+]

获取DOM

给标签添加ref属性 ref=‘xxx‘

然后获取 ele=this.$refs.xxx

技术分享图片
 1 <div id="app">
 2     <div ref="box">你好!</div>
 3     <button @click="my_click">点我获取上面的标签</button>
 4 </div>
 5 <script>
 6     const app = new Vue({
 7         el:‘#app‘,
 8         methods:{
 9             my_click(){
10                 // 获取ref=‘box‘的div标签
11                 let ele = this.$refs.box;
12                 console.log(ele);
13                 // 改变该标签的文本
14                 ele.innerText = ‘我不好!‘;
15             }
16         }
17     })
18 </script>
获取DOM

 

vue基础补充

原文:https://www.cnblogs.com/ys0937/p/12235195.html

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