Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
91cb0ac5
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
91cb0ac5
编写于
6月 23, 2017
作者:
P
Pan
提交者:
花裤衩
6月 23, 2017
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add view tabs
上级
7549eb80
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
39 addition
and
1 deletion
+39
-1
src/store/getters.js
src/store/getters.js
+1
-0
src/store/modules/app.js
src/store/modules/app.js
+16
-1
src/views/layout/Levelbar.vue
src/views/layout/Levelbar.vue
+22
-0
未找到文件。
src/store/getters.js
浏览文件 @
91cb0ac5
const
getters
=
{
sidebar
:
state
=>
state
.
app
.
sidebar
,
visitedViews
:
state
=>
state
.
app
.
visitedViews
,
token
:
state
=>
state
.
user
.
token
,
avatar
:
state
=>
state
.
user
.
avatar
,
name
:
state
=>
state
.
user
.
name
,
...
...
src/store/modules/app.js
浏览文件 @
91cb0ac5
...
...
@@ -6,7 +6,8 @@ const app = {
opened
:
!+
Cookies
.
get
(
'
sidebarStatus
'
)
},
theme
:
'
default
'
,
livenewsChannels
:
Cookies
.
get
(
'
livenewsChannels
'
)
||
'
[]
'
livenewsChannels
:
Cookies
.
get
(
'
livenewsChannels
'
)
||
'
[]
'
,
visitedViews
:
[]
},
mutations
:
{
TOGGLE_SIDEBAR
:
state
=>
{
...
...
@@ -16,11 +17,25 @@ const app = {
Cookies
.
set
(
'
sidebarStatus
'
,
0
);
}
state
.
sidebar
.
opened
=
!
state
.
sidebar
.
opened
;
},
ADD_VISITED_VIEWS
:
(
state
,
view
)
=>
{
if
(
state
.
visitedViews
.
includes
(
view
))
return
state
.
visitedViews
.
push
(
view
)
},
DEL_VISITED_VIEWS
:
(
state
,
view
)
=>
{
const
index
=
state
.
visitedViews
.
indexOf
(
view
)
state
.
visitedViews
.
splice
(
index
,
1
)
}
},
actions
:
{
ToggleSideBar
:
({
commit
})
=>
{
commit
(
'
TOGGLE_SIDEBAR
'
)
},
addVisitedViews
:
({
commit
},
view
)
=>
{
commit
(
'
ADD_VISITED_VIEWS
'
,
view
)
},
delVisitedViews
:
({
commit
},
view
)
=>
{
commit
(
'
DEL_VISITED_VIEWS
'
,
view
)
}
}
};
...
...
src/views/layout/Levelbar.vue
浏览文件 @
91cb0ac5
...
...
@@ -4,14 +4,25 @@
<router-link
v-if=
'item.redirect==="noredirect"||index==levelList.length-1'
to=
""
class=
"no-redirect"
>
{{
item
.
name
}}
</router-link>
<router-link
v-else
:to=
"item.path"
>
{{
item
.
name
}}
</router-link>
</el-breadcrumb-item>
<router-link
class=
"view-tabs"
v-for=
"tag in Array.from(visitedViews)"
:to=
"tag.path"
:key=
"tag.path"
>
<el-tag
:closable=
"true"
@
close=
'closeViewTabs(tag,$event)'
>
{{
tag
.
name
}}
</el-tag>
</router-link>
</el-breadcrumb>
</
template
>
<
script
>
export
default
{
created
()
{
this
.
getBreadcrumb
()
},
computed
:
{
visitedViews
()
{
return
this
.
$store
.
state
.
app
.
visitedViews
.
slice
(
-
6
)
}
},
data
()
{
return
{
levelList
:
null
...
...
@@ -25,10 +36,18 @@
matched
=
[{
name
:
'
首页
'
,
path
:
'
/
'
}].
concat
(
matched
)
}
this
.
levelList
=
matched
;
},
closeViewTabs
(
view
,
$event
)
{
this
.
$store
.
dispatch
(
'
delVisitedViews
'
,
view
)
$event
.
preventDefault
()
},
addViewTabs
()
{
this
.
$store
.
dispatch
(
'
addVisitedViews
'
,
this
.
$route
.
matched
[
this
.
$route
.
matched
.
length
-
1
])
}
},
watch
:
{
$route
()
{
this
.
addViewTabs
();
this
.
getBreadcrumb
();
}
}
...
...
@@ -46,4 +65,7 @@
cursor
:text
;
}
}
.view-tabs
{
margin-left
:
10px
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录