Open jee4a opened 5 years ago
补充:解决增加后有滚动条,固定头的时候tagsView不显示的问题 第二步增加:
<style lang="scss" scoped>
.app-main {
/* 50= navbar 50 */
min-height: calc(100vh - 50px);
width: 100%;
position: relative;
overflow: hidden;
}
.fixed-header+.app-main {
padding-top: 50px;
}
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 84px);
}
.fixed-header+.app-main {
padding-top: 84px;
}
}
</style>
第四步的HTML部分略做修改:
<template>
<div :class="classObj" class="app-wrapper">
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<sidebar class="sidebar-container" />
<div :class="{hasTagsView:true}" class="main-container">
<div :class="{'fixed-header':fixedHeader}">
<navbar />
<tags-view />
</div>
<app-main />
</div>
</div>
</template>
补充:解决tagsView右键-刷新错误的情况
vue-element-admin-master\src\views\redirect
整个目录到对应位置vue-admin-template\src\router\index.js
路由表增加内容:{
path: '/redirect',
component: Layout,
hidden: true,
children: [
{
path: '/redirect/:path*',
component: () => import('@/views/redirect/index')
}
]
},
有Pull Request吗?
新版本更新后没有static文件夹了,请问一下该怎么写?
按照步骤执行后,tagview存在以下问题:
兄弟们太牛了,搞了几天没搞定,终于完成了
Mark
我都按如上操作,为什么会报找不到state
[Vue warn]: Error in render: "TypeError: Cannot read property 'state' of undefined"
found in
--->
我加vuex持久化就出现这个问题了
增加tagsView功能步骤:
1,从vue-element-admin复制文件: vue-admin-template\srclayout\components\TagsView.vue vue-admin-template\srcstore\modules\tagsView.js vue-admin-template\src\components\ScrollPane 文件夹 vue-admin-template\static 文件夹 vue-admin-template\src\lang 文件夹 vue-admin-template\src\utils\i18n.js
2,修改 vue-admin-template\src\layout\components\AppMain.vueAppMain.vue文件,新增以下内容:
3 ,修改vue-admin-template\src\layout\components\index.js,新增如下行:
export { default as TagsView } from './TagsView'
4,vue-admin-template\src\layout\index.vue
import { Navbar, Sidebar, AppMain, TagsView } from './components'
5,修改 vue-admin-template\src\store\getters.js,增加:
6,修改 vue-admin-template\src\store\index.js
import tagsView from './modules/tagsView'
7,修改 vue-admin-template\src\main.js
import i18n from './lang' // Internationalization