el-dialog子组件

<template>
  <el-dialog title="选择已有方案" v-model="StrikeableAttributesDialog_show" width="1020px">
    ...
  </el-dialog>
</template>

<script setup>
...
const StrikeableAttributesDialog_show = ref(false) // 控制可打击属性表是否可见
// 定义 emit 事件
const emit = defineEmits(['handelCancel']);

/*
* 取消可打击属性表
* */
const handelCancel = () => {
  StrikeableAttributesDialog_show.value = false;
  emit('handelCancel', false);
}
</script>

<StrikeableAttributesDialog v-model="StrikeableAttributesDialog_show" @handelCancel="handelCancel"/>

const StrikeableAttributesDialog_show = ref(false); // 控制可打击属性表-对话框显示的状态

<el-button type="primary" class="border-button leftIsChe" @click="Strikeable">
  可打击属性表
</el-button>

// 点击打开可打击属性表
const Strikeable = ()=>{
  StrikeableAttributesDialog_show.value = true;
}

// 取消可打击属性表的显示
const handelCancel =()=>{
  StrikeableAttributesDialog_show.value = false;
}