解决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,8 +64,9 @@
                    </el-table-column>
                </el-table>
                <!-- 查看修改页面 -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" destroy-on-close>
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo />
                <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
                    :before-close="handleClose2">
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo  />
                </el-dialog>
                <!-- 分页 -->
                <div class="pagination">
@@ -120,7 +122,7 @@
        // 获取用户列表
        getUserList() {
            const that = this;
            const {currentPage,pageSize,search} = this;
            const { currentPage, pageSize, search } = this;
            this.dialogCreate = false;
            // 获取所有用户信息、用户查询(暂时支持电话号码)
            this.$axios.get(`sccg/admin/list?mobile=${search}&current=${currentPage}&pageSize=${pageSize}`).then(res => {
@@ -129,7 +131,7 @@
                        item.createTime = helper(item.createTime);
                        item.status == 1 ? item.status = true : item.status = false;
                    })
                    that.totalNum = res.data.pages*pageSize;
                    that.totalNum = res.data.pages * pageSize;
                    that.tableData = res.data.records;
                }
            })
@@ -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;