So ändern Sie den Titel in VueJS dynamisch

So ändern Sie den Titel dynamisch: 1. Verwenden Sie „document.title=el.dataset.title“ in „main.js“, um den Browsertitel zu konfigurieren. 2. Fügen Sie im Tag der Seite „v-title data“ hinzu -title" ="Titelwert"" Code kann dynamisch geändert werden.

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

Den Seitentitel im Vue-Projekt dynamisch ändern

In main.js:

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

Auf dem größten Div einer bestimmten Seite:

Fügen Sie den folgenden Code hinzu:

v-title data-title="测试title"

Effekt:

Verwandte Empfehlungen: „vue.js Tutorial“

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Titel in VueJS dynamisch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!