使用ref获取DOM和组件

获取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()方法
    }
}

猜你喜欢

转载自blog.csdn.net/Zyl_CN/article/details/83055549