# 辅助方法

el-admin-layout提供了一些辅助方法,所有辅助方法均通过import {xxx} from 'el-admin-layout'引入

# 路由相关

# refreshPage(router: VueRouter, route?: Route, replace: boolean): Promise

刷新指定的路由页面,返回vue-router跳转的结果

  • router: vue-router实例
  • route :需要刷新的路由对象,默认为当前路由
  • replace {boolean}:是否使用replace进行跳转,默认为true

# closeCurrentPage(router: VueRouter, route?: Route): Promise | undefined

关闭当前页,如果next非空则跳转到next页面,并返回vue-router.replace的结果

  • router: vue-router实例
  • next:关闭页面后跳转到的路由对象,作为第一个参数传入vue-router.replace

# 数据控制相关

# getMenuByFullPath(fullPath: string): StoreMenuItem

根据菜单的fullPath获取菜单(此菜单具有parent属性)

# mapGetters<T, K extends keyof T>(getters: T, propsNames: K[]): { [k in K]: () => T[K] }

类似vuexmapGetters,方便在computed中批量提取store中的数据

  • getters: 被提取的对象,appGetters | asideGetters ...
  • propsNames :需要提取的数据的属性名称数组,比如appGetters中的isMobile

例子:

import {mapGetters, appGetters} from 'el-admin-layout'

export default {
  computed: {
    ...mapGetters(appGetters, ['isMobile'])
  },

  mounted() {
    console.log(this.isMobile)
  }
}
上次更新:: 10/16/2021, 1:03:10 PM