角色管理使用keepalive

liweilong

2020-12-28 3f3c98956ea6da68af9610fa2237dd9ec91e6757

角色管理使用keepalive

 src/pages/system/admin.vue

@@ -85,7 +85,7 @@
    />

    <!-- 新增&编辑 -->
    <el-dialog :title="adminDialogData.type=='add'?'新增管理员':'编辑管理员'" width="500px" :visible.sync="adminDialogVisible" append-to-body :before-close="hideDialog">
    <el-dialog :title="adminDialogData.type==='add'?'新增管理员':'编辑管理员'" width="500px" :visible.sync="adminDialogVisible" append-to-body>
      <el-form ref="adminDialog" :model="adminDialogData" label-width="80px" :rules="rules" size="small">
        <el-form-item label="名称" prop="name">
          <el-input v-model="adminDialogData.name" placeholder="请输入名称" />
@@ -93,10 +93,10 @@
        <el-form-item label="账号" prop="account">
          <el-input v-model="adminDialogData.account" placeholder="请输入帐号" :disabled="adminDialogData.type!='add'" />
        </el-form-item>
        <el-form-item label="密码" :prop="adminDialogData.type=='add'?'password':''">
        <el-form-item label="密码" :prop="adminDialogData.type==='add'?'password':'none'">
          <el-input v-model="adminDialogData.password" type="password" placeholder="请输入密码" />
        </el-form-item>
        <el-form-item label="确认密码" :prop="adminDialogData.type=='add'?'passwordSure':''">
        <el-form-item label="确认密码" :prop="adminDialogData.type==='add'?'passwordSure':'none'">
          <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="请输入确认密码" />
        </el-form-item>
        <!-- 账号类型 -->
@@ -222,10 +222,12 @@
        mockData: {
          code: 100,
          msg: '',
          data: [{
            id: 'xxx',
            name: '野马发'
          }]
          data: {
            list: [{
              id: 'xxx',
              name: '野马发'
            }]
          }
        }
      }, (inf) => {
        this.roleArr = inf.list || []

 src/pages/system/role.vue

@@ -70,8 +70,10 @@

<script>

import mixin_keepAlive from '@/mixins/keepAlive.js' // 页面缓存
export default {
  name: 'Role',
  mixins: [mixin_keepAlive],
  data() {
    return {
      showSearch: true, // 是否显示搜索区
@@ -87,11 +89,17 @@
    }
  },
  mounted() {
    this.init()
    // 在mixin_keepAlive => activated初始化
  },
  methods: {
    // 初始化
    init() {
      // keepalive重置初始值
      this.resetHandle()
    },

    // 返回刷新
    regInit() {
      this.getList()
    },


 src/router/system_router.js

@@ -22,14 +22,14 @@
      path: 'role',
      component: () => import('@/pages/system/role'),
      name: 'systemRole',
      meta: { title: '角色管理' },
      meta: { title: '角色管理', keepAlive: true },
      auth: 'sys_admin_role_see'
    },
    {
      path: 'banner',
      component: () => import('@/pages/system/banner'),
      name: 'systemBanner',
      meta: { title: '轮播图管理', keepAlive: true },
      meta: { title: '轮播图管理' },
      auth: 'banner_see'
    },
    {