vuejs笔记之ref

责编:menVScode 2017-10-16 22:44 阅读(917)

ref:获取dom元素。

<div id="app">
	<!-- ref='自定义的名字' -->
	<ul ref='abc' @click='getRefDom'>
		<li ref='menvscode'>1111</li>
	</ul>
	<div ref='poq'>222</div>
</div>
new Vue({
	el:'#app',
	methods:{
		getRefDom(){
			console.log(this.$refs);
			this.$refs.abc.style.color = 'red';
		}
	}
});

打印 this.$refs 的结果:

{
    menvscode: li, 
    abc: ul, 
    poq: div
}
标签: ref vuejs
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码