Rumah > hujung hadapan web > View.js > teks badan

Bagaimana untuk menambah tajuk dalam vue

青灯夜游
Lepaskan: 2021-10-27 12:04:40
asal
4831 orang telah melayarinya

Cara menambah tajuk dalam Vue: 1. Tambahkan pernyataan "document.title = el.dataset.title" dalam fail "main.js" 2. Tetapkan "data v-title" dalam label atribut komponen yang diperlukan -title="Login"" sudah memadai.

Bagaimana untuk menambah tajuk dalam vue

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Projek Vue menambah tajuk yang menukar tajuk teg penyemak imbas

Langkah 1: Tambahkan

// 设置浏览器标题
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})
Salin selepas log masuk
Langkah 2: Tambahkan

<template>
    <div class="main" v-title data-title="登录">
    </div>
</template>
Salin selepas log masuk
pada mana-mana kedudukan komponen

Cadangan berkaitan: "

tutorial vue.js"

Atas ialah kandungan terperinci Bagaimana untuk menambah tajuk dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan