<
router-tab
>
<
template
#default
="tab"
>
<
div
class
="title-hack"
:title
="getMenuInfo(tab, 'title')"
>
<
i
class
="angle"
></
i
>
<
span
class
="tab-title"
>
{{ getMenuInfo(tab, 'title') }}
</
span
>
<
i
v-if
="tab.closable"
class
="icon iconfont i-quxiao"
@click.prevent
="tab.close"
/>
</
div
>
</
template
>
</
router-tab
>
</
template
>
<
script
>
export
default
{
name:
'
RoutersTab
'
,
methods: {
* @func getMenuInfo
* @returns
getMenuInfo(tab) {
let title
=
''
;
if
(tab.title
&&
tab.title
!==
'
无标题
'
) {
title
=
tab.title;
//
在需要显示动态标题的页面dat添加routeTab,或者computed 计算属性添加routeTab(推荐)
}
else
if
(tab.data
&&
tab.data.moduleName) {
title
=
tab.data.moduleName;
return
title;
</
script
>
在需要显示动态名称的页面添加routeTab,可以在data属性中添加,或者computed中添加
computed: {
routeTab() {
return this.$route.params.title;
path: '/monthly-evaluation-socretask-detail/:id/:title',
name: 'MonthlyEvaluationScoreTaskDetail',
component: MonthlyEvaluationScoreTaskDetail,
meta: {
moduleName: '月度考评评分详情',
key: 'fullPath'
openDetail(item) {
let path = `/monthly-evaluation-socretask-detail/${item.id}/${item.title}`;
this.$router.push(path);