<MyDialog class="audit-dialog-wrapper" :title="dialogTitle" v-model="isDialogVisible" size="small" width="450px" :need-modal="needModal" @update:isShow="isShow"> <div>23233</div> <template #footer> <div class="dialog-footer"> <my-button type="close" title="取消" @click="closeDialog" /> <my-button type="submit" title="确认" @click="submit" /> </div> </template> </MyDialog>
使用
v-model="isDialogVisible"
组件内
const props = defineProps( ['modelValue'] ) const emit = defineEmits( ['update:modelValue'] ) const closed = () => { emit( 'update:modelValue' ) }
在 script setup 的语法中,需要使用 modelValue 接收父组件传入的值。
用 update:modelValue 向上作为向上触发事件的事件名。