最近再敲vue3的一些东西，这边需要在子组件改变props中的值，从而关闭el-dialog 【当然还一种不完善的也可以关闭el-dialog 在子组件在设置一个变量isShow 当然首先需要将show的值传给isShow，然后通过isShow来控制el-dialog的开关和关闭，也不需要什么v-model和sync 】，之前就听说vue是单向数据流 不能这样操作；但 神奇的人类们 发现sync 和 v-model这俩玩意；但在vue3 中这个sync似乎不起作用了 可能是我的姿势错了；
不多bb
<!-- father.vue -->
<AddRole v-model:show='addButton' @closeDialog ='addButton = false'></AddRole>
<script>
setup(){
const addButton = ref(false)
}
</script>
//son.vue
<el-dialog title="新增" v-model="show" width='30%' :close-on-click-modal='false' :show-close='false'>
<el-button type="primary" @click="handleAdd">确 定</el-button>
</el-dialog>
<script>
export default{
name:"AddRole",
props:{
show:{
type: Boolean,
default: false
}
},
emits:['closeDialog','update:show'], //不搞这玩意会出警告，但我这边确实不知道原理，纯api使用者 这里的show就是传过来的那个show 可能吧
setup(props,{emit}){
const handleAdd = ()=>{
emit('update:show',!props.show)//由于更改props.value会出警告 说什么 readonly 似乎是设置了props传过来的值 只读无法更改 也变相说明了vue的单向数据流，这边传值就传个定值就好；
}
}
}
</script>