vue父组件调用子组件的方法
vue组件与组件通信有如下几种情况:
平行组件
父组件与子组件
子组件与父组件
它们之间通信有几种方法有:
props
自定义事件
vuex
今天我们聊一下父组件调用子组件的一种方法
parent.vue
<template><div><h1>我是父组件</h1><child ref="child"></child></div>
</template>
<script>import child from './child'export default{components:{ child },methods:{parent(){this.$.refs.child.childFn()}}}
</script>
child.vue
<template><div><h2>我是子组件</h2></div>
</template>
<script>import child from './child'export default{components:{ child },methods:{childFn(){alert('父组件调用了我')}}}
</script>
欢迎指正和补充!~
vue父组件调用子组件的方法相关推荐
- vue父页面调用子页面及方法及传参,鼠标光标定位
项目场景: vue父页面调用子页面及方法 问题描述 vue中父界面调用子界面及方法时界面可以调用,但是调用方法的时候第一次报错,但是关掉界面再次重新打开就没问题了 原因分析: 在我之前添加鼠标指针定位 ...
- Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)
如需了解儿子怎么控制老子的,传送门:https://s-z-q.blog.csdn.net/article/details/120094689 父组件father.vue <template&g ...
- Vue中父组件调用子组件的方法
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
- 【VUE实战问题记录】Vue 父组件调用子组件的使用方法
Vue前端项目父组件调用子组件的时候,调用方式如下: 父组件 <template><div><child ref="refChild">< ...
- vue中组件之间调用方法——子组件调用父组件的方法 父组件调用子组件的方法
vue中组件之间调用方法--子组件调用父组件的方法 & 父组件调用子组件的方法 1.vue中子组件调用父组件的方法 1.1.第一种方法是直接在子组件中通过this.$parent.event来 ...
- vue 父组件调子组件方法_vue父组件调用子组件有哪些方法
这次给大家带来vue父组件调用子组件有哪些方法,vue父组件调用子组件的注意事项有哪些,下面就是实战案例,一起来看一下. 情景: 父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组 ...
- vue父组件调用子组件方法
vue父组件调用子组件方法 比如,父组件有一个弹窗组件,在子组件里定义自己的显示隐藏效果,父组件调用. 通过ref调用子组件的方法 父组件代码 <template><div>/ ...
- vue父组件调用子组件方法报错的解决方法
vue父组件调用子组件方法报错 在父组件定义了一个tab标签页,每一个标签页下面都调用不同的组件,如下图所示: 子组件中定义的方法: setup() {const getList = () => ...
- vue 父组件调用子组件内置方法
背景介绍:外派到泰康做项目.这个项目中有个选择组织的功能,是一个树桩结构的懒加载,于是我就element-ui的tree组件封装了一个公共的组件. 但是后来发现他们的公司组织结构不是都请求的同一个接口 ...
最新文章
- R获取股票数据并进行进行可视化分析
- Python中的张量分解
- Windows中的路由表和默认网关
- Kali aircrack-ng wifi密码破解(暴力)(1)
- 2018年前端星计划等你来报名!
- 《教孩子编程(Python语言版)》课程介绍
- mysql下删改增语句_MySQL增删改查
- tomcat部署安全证书文件(阿里云SSL证书)
- bootstrap FileInput多文件上传插件使用详解(包括Java代码)
- linux安装英伟达显卡驱动
- 乔治城大学计算机科学专业,[转载]美国西北大学计算机科学研究生最新专业排名...
- YouTube:如何删除油管频道Channel
- 剑指Offe(简单)
- ASP.NET建筑工程管理系统
- sql数据库本地服务器不显示,sql数据库本地服务器不显示
- u-boot开机logo修改及kernel启动动画去除
- 超级详细利用Vmware部置XP虚拟机
- android zip文件读写,【Android】Zip文件解压方法
- 火焰特性识别的Matlab实现方法
- MySQL-SQL基础应用(SQL基础)
热门文章
- liunx复制备份命令,copy命令,liunx命令
- python快速小教程
- PLSQL developer 连接不上64位Oracle 解决办法
- IIS7入门之旅:(3)CGI application和FastCGI application的区别
- Eclipse创建web工程时,报错Dynamic Web Module 3.0 requires Java 1.6 or newer.
- Vue.js 生命周期
- Java泛型进阶 - 如何取出泛型类型参数
- 智课雅思词汇---十、pend是什么意思
- java中缀表达式转后缀表达式(逆波兰算法)
- Exchange与ADFS单点登录 PART 2:部署和配置ADFS