vue通过$refs获取子组件的值和方法
前言:在vue中的ref是非常好用的用法也是非常简单。可以用来直接获取子组件的值和方法。使用方法:1、在a组件的页面上注册b组件a组件内部:template:<b ref = 'abc'></b>2、在b组件内部定义方法和字段b组件:(子组件)data:{return:{aaa:111}}methods:{bbb(){alert(0...
·
前言:
在vue中的ref是非常好用的用法也是非常简单。可以用来直接获取子组件的值和方法。
使用方法:
1、在a组件的页面上注册b组件
a组件内部:
template:
<b ref = 'abc'></b>
2、在b组件内部定义方法和字段
b组件:(子组件)
data:{
return:{
aaa:111
}
}
methods:{
bbb(){
alert(0);
}
}
3、在a组件内部调用:
1、调用b组件的字段
let a = this.$refs.abc.aaa;//这里的aaa就是b组件内部的111
2、调用b组件内部的方法
this.$refs.abc.bbb();
到此就结束了
更多推荐
已为社区贡献20条内容
所有评论(0)