uni-app中组件之间传参
父传子
父组件
<contentList :paymentTodo="state.paymentTodo" :tabIndex="state.tabIndex"></contentList>
子组件接受 ,注意: defineProps 是固定写法
<script> const props = defineProps({ paymentTodo: { type: Array, default: [] }, tabIndex:{ type: Number, default: 0 } }); </script>
子传父
子组件
<template> <view @click="事件名"></view> </template> <script setup> const emit = defineEmits(['方法名']) function 事件名(){ emit('事件名',传递的参数) } </script>
父组件
<template> <儿子 @子组件事件名= "handleClick"></儿子> </template> <script setup> function handleClick(res){ console.log(res) } const handleClick = (res)=>{ console.log(res) </script>
欢迎改正,因为我也不是很熟悉