在我的组件中，有三个带有不同内容的弹出模态框。通过点击特定按钮，我需要打开相应的弹出模态框。
这是我正在做的事情 对于按钮1 -
1
1275<s-button type="button" class="bl_btn" @click="onClickProdOpen">
产品详情
</s-button>
对于这个模态框1将是
<s-modal v-model="isShowPopup1" :title="$t('LBL_PROD_CONT')"
<my-component-one
:pageId ="this.$options.name"
:popupDefaultTab="popupOpenDefaultTab"
:onClickClose="onClickclose"
/>
这里是一个按钮点击方法。像这样多个不同模态框的点击事件。
methods: {
onClickProdOpen() {
this.isShowPopup1 = true;
this.popupOpenDefaultTab = 0;
}
}
<s-modal是自定义模态框部分，内容将会有所不同。所以，我重复了这个模态框代码，只是改变了内容，即传递了不同的子组件（MyComponentOne，MyComponentTwo...）。
那么，如何使用switch case语句来避免多次重复模态框代码，只需更改内部内容组件？任何建议都会有帮助。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
