So fügen Sie einen Titel in Vue hinzu

So fügen Sie einen Titel in vue hinzu: 1. Fügen Sie die Anweisung „document.title = el.dataset.title“ in die Datei „main.js“ ein. 2. Legen Sie „v-title data-title=" im Label fest der erforderlichen Komponente Melden Sie sich einfach beim Attribut „“ an.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

vue-Projekt fügt den Titel des Browser-Tags hinzu und ändert ihn

Schritt eins:

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

in die main.js-Datei hinzufügen Schritt zwei:

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

an einer beliebigen Stelle in der Komponente hinzufügen Fertig

Zugehörige Empfehlung: „vue.js Tutorial“

Das obige ist der detaillierte Inhalt vonSo fügen Sie einen Titel in Vue hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!