组件与子组件的传值"/>
Vue3中父组件与子组件的传值
子组件:SelectCity
const emit = defineEmits(['sendCity'])
//每个按钮的触发事件
const doSomething=(city)=>{console.log("子组件中"+city);emit("sendCity",city)
}
它通过 emit
发出 sendCity
事件,将 city
作为数据传递给父组件或其他监听了该事件的组件
父组件:air
直接监听sendCity事件,
<SelectCity @sendCity="handleSendCity"></SelectCity>
监听到了触发handleSendCity函数
function handleSendCity(city) {// 在这里处理接收到的城市信息console.log('父组件中监听到的城市', city);// 可以在这里进行其他逻辑处理
}
更多推荐
Vue3中父组件与子组件的传值
发布评论