vue|vue ref如何获取子组件属性值
目录
- ref获取子组件属性值
- 父引入、注册组件并调用组件
- 调用子组件的函数
- 调用子组件的属性
- 子组件更改属性
- 父组件
- 子组件
ref获取子组件属性值
父引入、注册组件并调用组件
引入、注册
调用组件
// ref属性值指定了从$refs中获取组件的名称
调用子组件的函数
this.$refs.modalForm.add();
调用子组件的属性
this.$refs.modalForm.title = "新增";
子组件更改属性 严格来说，Vue子组件不能随便更改父组件传递过来的属性，但是可以这样修改
父组件
这是子组件
子组件
子属性{{num}}
【vue|vue ref如何获取子组件属性值】以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
推荐阅读
- 即学即会 Serverless | 如何解决 Serverless 应用开发部署的难题（）
- Vue3的10种组件通信方式总结
- 如何利用vue3实现一个俄罗斯方块
- Vue登录页面的动态粒子背景插件实现
- 如何开发一个分布式内存数据库(一)
- 解决vue页面刷新vuex中state数据丢失的问题
- Vue的三种路由模式总结
- vue项目ElementUI组件中el-upload组件与图片裁剪功能组件结合使用详解
- vue项目history模式下部署子路由跳转失败的解决
- Vue3中使用Element|Vue3中使用Element Plus时el-icon无法显示的问题解决