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>