举一个 vue 组件调用父级方法并传递参数的例子
时间: 2023-07-15 15:13:54 浏览: 90
vue中get请求如何传递数组参数的方法示例
假设有一个父组件 Parent 和一个子组件 Child,要在子组件中调用父组件的方法并传递参数,可以按照以下步骤进行:
1. 在父组件中定义一个方法,例如:
```javascript
methods: {
parentMethod: function(param) {
// 处理逻辑
}
}
```
2. 在父组件中将该方法以属性的形式传递给子组件,例如:
```html
<child :parent-method="parentMethod"></child>
```
3. 在子组件中通过 props 接收该属性,并定义一个方法来触发父组件的方法,例如:
```javascript
props: {
parentMethod: Function
},
methods: {
childMethod: function(param) {
this.parentMethod(param);
}
}
```
4. 在子组件中调用 childMethod 方法并传递参数即可触发父组件的方法并传递参数,例如:
```html
<button @click="childMethod(param)">触发父级方法</button>
```
阅读全文