Vue에 제목을 추가하는 방법

vue에 제목을 추가하는 방법: 1. "main.js" 파일에 "document.title = el.dataset.title" 문을 추가합니다. 2. 레이블에 "v-title data-title="을 설정합니다. 필수 구성 요소의 "" 속성에 로그인하기만 하면 됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

vue 프로젝트는 브라우저 태그 제목의 제목을 추가하고 변경합니다

1단계: main.js 파일에

// 设置浏览器标题
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

를 추가합니다. 2단계: 구성 요소의 아무 곳에나

<template>
    <div class="main" v-title data-title="登录">
    </div>
</template>

를 추가합니다. 완료

관련 권장 사항: "vue.js 튜토리얼"

위 내용은 Vue에 제목을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!