- 背景:学习vue。在做项目图中使用cursor编写过程发现好的方式进行记录学习。
- 子组件内部方法
处理完逻辑后调用了handleClose方法
,意图关闭自己,update:show
:将自身props中的属性show更新为false
。emit('close')触发了父页面的close事件,执行了handleFellowClose
在关闭子页面的同时也同步更新了父页面的属性。
<u-popup v-model="show" mode="center" :border-radius="16" width="600rpx">
...
props: {show: {type: Boolean,default: false},
...
handleClose() {this.$emit('update:show', false);this.$emit('close');
}
<FellowSelector:show="showFellowSelector":fellowList="fellowList"@confirm="handleFellowConfirm"@close="handleFellowClose" />
...