vue 获取元素节点
在使用Vue的时候,有时候我们希望直接用Js操纵DOM来实现某些效果,具体实现只用利用Vue提供的ref属性以及this.$refs即可实现。下面放一个小DEMO!
<div id="app"> <div ref='box' class="box" v-on:click="changeText()">这是一个盒子</div> </div> <script> var app = new Vue({ el: '#app', data: { msg: "" }, methods: { changeText: function() { this.$refs.box.innerHTML = "改变盒子的文字"; } } }) </script>