uniapp 子组件给父组件传递数据
时间: 2023-10-03 19:10:05 浏览: 80
在uniapp中,子组件给父组件传递数据可以通过自定义事件来实现。首先,在父组件中注册一个自定义事件,并为该事件设置一个函数,函数的参数可以用来接收子组件传递的数据。然后,在子组件中触发该自定义事件,并将数据作为参数传递给父组件。
在父组件中注册自定义事件的代码示例如下:
```
<template>
<view>
<son @customEvent="handleCustomEvent"></son>
</view>
</template>
<script>
import son from '@/components/son.vue'
export default {
components: {
son
},
methods: {
handleCustomEvent(data) {
// 处理子组件传递的数据
console.log(data)
}
}
}
</script>
```
在子组件中触发自定义事件的代码示例如下:
```
<template>
<view>
<button @click="triggerCustomEvent">触发自定义事件</button>
</view>
</template>
<script>
export default {
methods: {
triggerCustomEvent() {
const data = '这是子组件传递的数据'
this.$emit('customEvent', data)
}
}
}
</script>
```
以上代码中,当子组件中的按钮被点击时,会触发自定义事件,并将数据作为参数传递给父组件的自定义事件处理函数(handleCustomEvent)。父组件通过监听自定义事件(@customEvent)来获取子组件传递的数据。
阅读全文