获取DOM:
<p ref=p1>xxxx</P>
methods:{
show:function(){
this.$refs.p1 ==>获取p这个DOM对象
}
}
在标签中使用 ref='(自定义名字)' ; 在方法中使用 this.$refs.名字 来获取此DOM
获取组件:
<zujian ref='zj'></zujian>
methods:{
show:function(){
this.$refs.zj.msg ==> 获取组件组定义组data中的msg值
this.$refs.zj.fn() ==> 获取执行组件中定义的fn()方法
}
}
获取组件中的dom:
<template id="son">
<div>
<p ref="pppp">子组件---{{smsg}}</p>
<button @click="lonFN">++</button>
</div>
</template>
<div id="app">
<son :smsg="msg" @func="fn" ref="sonp"></son>
</div>
<script>
//通过双层的$refs来查找到子组件中的dom来进行后续操作
console.log(this.$refs.sonp.$refs.pppp.innerHTML);
</script>