vue子组件怎么调用父组件的函数
时间: 2023-09-15 07:19:02 浏览: 85
在Vue中,子组件可以通过$emit方法向父组件发送事件,从而调用父组件的函数。具体步骤如下:
1. 在父组件中定义一个函数,例如:
```javascript
methods: {
parentFunction() {
console.log('This is a parent function');
}
}
```
2. 在子组件中触发事件并传递参数,例如:
```javascript
this.$emit('child-event', 'This is a child parameter');
```
3. 在父组件中监听该事件,并调用相应的函数,例如:
```javascript
<child-component @child-event="parentFunction"></child-component>
```
其中,@child-event表示监听子组件的child-event事件,当事件触发时,会调用父组件的parentFunction函数。如果需要在父组件中获取子组件传递的参数,可以在监听函数中添加参数:
```javascript
<child-component @child-event="parentFunction($event)"></child-component>
```
然后在父组件中的函数中使用$event参数获取子组件传递的参数:
```javascript
parentFunction(childParameter) {
console.log(childParameter);
}
```
阅读全文