在ele-pro-table当中怎么样接收子组件传递过来的参数
时间: 2023-12-27 10:04:59 浏览: 96
在ele-pro-table中接收子组件传递过来的参数,需要使用Vue的自定义事件和props,具体步骤如下:
1. 在子组件中定义一个props,用于接收父组件传递过来的值。
```javascript
props: {
childProp: {
type: String,
default: ''
}
}
```
2. 在子组件中定义一个方法,用于触发自定义事件,并将参数传递给父组件。
```javascript
methods: {
handleClick() {
this.$emit('childEvent', this.childProp)
}
}
```
3. 在父组件中使用子组件时,将需要传递给子组件的值绑定到子组件的props上,并监听子组件的自定义事件。
```html
<template>
<div>
<child-component :childProp="parentProp" @childEvent="handleChildEvent"></child-component>
</div>
</template>
<script>
export default {
data() {
return {
parentProp: 'Hello World'
}
},
methods: {
handleChildEvent(childParam) {
console.log(childParam)
}
}
}
</script>
```
在上面的代码中,父组件将parentProp的值绑定到子组件的childProp上,并监听了子组件的自定义事件childEvent,当子组件触发该事件时,父组件会调用handleChildEvent方法,并将子组件传递过来的参数childParam打印出来。
阅读全文