vue基础补充

获取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

猜你喜欢

转载自www.cnblogs.com/ys0937/p/12235195.html