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

vue基础补充

时间:2020-01-26 23:55:16      阅读:29      评论:0      收藏:0      [点我收藏+]

标签:script   col   属性   console   inner   eve   xxx   rip   efs   

获取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基础补充

标签:script   col   属性   console   inner   eve   xxx   rip   efs   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!