解决dialog数据不销毁

“dzb”

2022-09-20 8f886bea61858799c9aeac6342ed7f2ebe3609a6

解决dialog数据不销毁

 src/views/systemSetting/baseSetting/user/index.vue

@@ -11,7 +11,8 @@
                </div>
                <div class="addUser">
                    <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加用户</el-button>
                    <el-dialog :visible.sync="dialogCreate" width="45%" destroy-on-close>
                    <el-dialog :visible.sync="dialogCreate" width="45%" v-if="dialogCreate"
                        :before-close="handleClose1">
                        <createUser :refresh="getUserList" />
                    </el-dialog>
                </div>
@@ -63,7 +64,8 @@
                    </el-table-column>
                </el-table>
                <!-- 查看修改页面 -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" destroy-on-close>
                <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
                    :before-close="handleClose2">
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo />
                </el-dialog>
                <!-- 分页 -->
@@ -170,6 +172,26 @@
            this.currentPage = page;
            this.getUserList();
        },
        // 创建弹窗关闭
        handleClose1(done) {
            const that = this;
            this.$confirm('确认关闭？')
                .then(_ => {
                    that.dialogCreate = false;
                    done();
                })
                .catch(_ => { });
        },
        //   查看弹窗关闭
        handleClose2(done) {
            const that = this;
            this.$confirm('确认关闭？')
                .then(_ => {
                    this.dialogUpdate = false;
                    done();
                })
                .catch(_ => { });
        }
        // 用户查询(暂时支持电话号码)
        // handlePhone() {
        //     const { search, getUserList } = this;
@@ -279,6 +301,7 @@
                color: #4b9bb7;
            }
        }

        .el-table {
            color: #4b9bb7;
            font-size: 10px;