vue中父组件调用子组件里的方法
vue的子组件 Child 中定义了一个方法 childFn() ,现在想要在父组件 Parent 中调用这个方法,代码如下:
子组件:
...export default {
methods: {
childFn() {
console.log('我是子组件的方法');
}
}
}
父组件:
import Child from './Child/Child.vue';
export default {
components: {
[
'v-child': Child
]
},
methods: {
parentFn() {
this.$refs.child.childFn();
// 调用子组件的childFn()方法
}
}
}
【vue中父组件调用子组件里的方法】(注意:子组件不能调用父组件的方法)
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)