在 vue / element ui 对话框中有条件地删除注入的元素

Question

我在 vue 项目中使用 element ui，显示模式/对话框，并在模式中取消订阅输入表单。成功提交后，我会显示一条感谢消息。一切都按预期进行。我唯一的问题是，当显示 v-else（成功消息）时，我想删除注入的 Element UI“X”关闭按钮。这在注入的元素上可能吗？视图/元素用户界面：<el-dialog :visible.sync="unsubscribeDialogVisible">    <div class="dialog-content">        <transition name="fadeIn" mode="out-in">            <div v-if="unsubscribeInitialState" key="initial" class="dialog-unsubscibe--initial">                <!-- unsubscribe form -->                <template>                    <el-form :model="unsubscribeForm" ref="unsubscribeForm" :rules="unsubscribeRules"                        class="unsubscribe-form">                        <el-form-item prop="email" class="form-item--text form-item--input">                            <el-input placeholder="Email address*" type="email" name="emailUnsubscribe"                                id="emailUnsubscribe" v-model="unsubscribeForm.email"></el-input>                        </el-form-item>                        <button @click.prevent="submitForm('unsubscribeForm')"                            class="button button--primary button--submit">                            Submit                        </button>                    </el-form>                </template>                <!-- end: unsubscribe form -->            </div>            <!-- unsubcsribe success -->            <div v-else key="success" class="dialog-unsubscribe--success">                <div class="title">                    <h1 class="title-1 font--primary">                        <b>You have been successfully unsubscribed</b>                    </h1>                </div>                <!-- /.title -->                <button @click="closeSuccessMessage()" class="button--submit">                    Close                </button>            </div>        </transition>    </div></el-dialog>

Answer 1

文档说有一个prop 你可以传递给，所以尝试传递相同的 v-if/else 条件给它：show-closeel-dialog

<el-dialog :visible.sync="unsubscribeDialogVisible" :show-close="unsubscribeInitialState">