• 阿巴
  • 阿巴
  • 阿巴
  • 阿巴
  • 阿巴
  • 阿巴
阿超
  • 首页
  • 文章
  • 分类
  • 标签
    • java
    • 前端
    • 软件及插件
    • ...
  • 关于我
  • 开关主题
阿超 > vue父组件调用子组件方法

vue父组件调用子组件方法

前端 2021-11-02

vue父组件调用子组件方法

2021-11-02

前端

抱怨身处黑暗,不如提灯前行。——刘同

首先是官方文档

这里使用ref属性去访问子元素

1
<hello-world ref="helloWorld" msg="Hello World"></hello-world>

然后打印一下

1
console.log(this.$refs.helloWorld);

image-20211102202015275

可以看到成功获取到

再到子组件定义一个方法:

image-20211102202118934

父组件访问:

image-20211102202132266

效果:

image-20211102202107779

阿超
个人头像

​ 我的名字叫阿超 年龄22岁 家在四川省成都市 未婚 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度

最新评论
    近期文章
    • mybatis的call-setters-on-nulls
    • mp中typeHandler自动获取字段类型
    • svelte
    • 关联更新封装(三)
    • 动态mapper优先级问题
    • 关联更新封装(二)
    • The file will have its original line endings in your working directory
    • 关联表更新封装
    • BibiGPT
    • spring-guides-accessing-data-jpa
    随机文章
    • 2.7版本spring.factories弃用
    • GraphQL
    • URL编码
    • Zero date value prohibited
    • aj-report
    • flink马屎咖啡馆案例
    • ubuntu安装jdk Unable to locate package openjdk-8-jre ubuntu
    • url怎么传数组
    • vavr
    • x-easypdf
    • 热门标签
    • 友情链接
    • 个人链接
    java 前端 软件及插件 数据库 运维 Java 小技巧 bug android kotlin minecraft rust flink python redis 设计模式 算法
  • Mofan
  • 派派河鉴黄师
  • 加油
  • 嚎羸
  • Techyang
  • GeekDream
  • Amadasy
  • NIUBI
  • 宇智波问天
  • 醉相生
  • 那就孤雏
  • jaux署记
  • SeptZhangの小站
  • 星辰驿站
  • 宇泽希
  • 这个爱酱不太聪明
  • Riven的小屋
  • 小鹏驿站
  • 生活富能量
  • Gitee
  • Copyright © 2018 阿超 Powered by Hexo. Theme by AONOSORA