最近学习了子组件向父组件传值,在这记录一下,以防日后遗忘
子组件
...
emits: ['foldChange'], //最重要
setup(props, { emit }) {
const isFold = ref(true)
const handleFoldClick = () => {
isFold.value = !isFold.value
emit('foldChange', isFold.value)
}
return {
isFold,
handleFoldClick
}
}
...
父组件用接受并保存值
html
...
<nav-header @foldChange="handleFoldChange" />
...
js
....
setup() {
const isCollapse = ref(false)
const handleFoldChange = (isFold: boolean) => {
isCollapse.value = isFold
}
return {
isCollapse,
handleFoldChange
}
}
...