vue ref获取元素,vue子组件向父组件传值ref
本文主要介绍vueref如何获取子组件的属性值。有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。
目录
ref获取子组件的属性值。父组件引入、注册组件并调用组件调用子组件的功能。调用子组件的属性，更改属性。父组件子组件。
ref获取子组件属性值
父引入、注册组件并调用组件
介绍和注册
脚本
.
从导入CustomerModal。/模块/客户模式
导出默认值{
名称：“客户列表”，
mixins:[JeecgListMixin]，
组件：{
JDate，
客户模型，
JDictSelectTag
},
.
}
/脚本
调用组件
customer-modal ref= modal form @ ok= modal formok /customer-modal
ref属性的值指定从$refs获取的组件的名称。
调用子组件的函数
这个。$ refs . modal form . add()；
调用子组件的属性
这个。$ refs . modal form . title= new ；
子组件更改属性
严格来说，Vue子组件不能随便更改父组件传递的属性，但是可以这样做。
父组件
组件a :num.sync=number 这是子组件/组件a。
子组件
模板
差异
P @click=change 子属性{{num}}/p
/div
/模板
脚本
导出默认值{
名称：组件a ，
道具：{
num:数字
},
方法：{
更改(){
这个。$emit(update:num ，10)
}
}
}
/脚本
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。