vue 에서 각 페이지 의 맨 위 에 title 을 설정 합 니 다.

실현 방향 은 매우 간단 하 다.바로 경로 의 구 매 안내 수위 beforeech 를 이용 하여 매번 페이지 가 이동 하기 전에 해당 하 는 title 을 변경 하 는 것 이다.
1.우선 route 에서 모든 경로 에 meta 속성 을 추가 합 니 다.

2.main.js 에 네 비게 이 션 수 비 를 추가

router.beforeEach((to,form,next) => {
window.document.title = to.meta.title == undefined?'    ':to.meta.title
next()
})

추가 지식:vue element tab 탭 에 텍스트 가 넘 칠 때 마우스 로 Tooltip 텍스트 알림
중점:el-toolip 태그 에 slot="label"

<el-tooltip class="item-tabs" effect="dark" :content="item.stationName" placement="bottom-start" slot="label">
      <span>{{item.stationName}}</span>
     </el-tooltip>

<div class="left">
    <el-tabs tab-position="left" class="flex tooltitle tabsClass" @tab-click="handleClick" >
    <el-tab-pane v-for="(item,index) in chargingStatusTitle" :key="index">
     <el-tooltip class="item-tabs" effect="dark" :content="item.stationName" placement="bottom-start" slot="label">
      <span>{{item.stationName}}</span>
     </el-tooltip>
     <div class="content" >
     </div>
    </el-tab-pane>
    </el-tabs >
 </div>

이상 의 이 편 은 vue 에서 각 페이지 의 맨 위 에 title 을 설정 하 는 것 이 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.