Блог

Главная - Вопросы по программированию - Vue: Как изменить заголовок вкладки в Chrome

Vue: Как изменить заголовок вкладки в Chrome

#vue.js #vuejs2

Вопрос:

Как изменить заголовок вкладки «Приложение Webpack» по умолчанию в Vue.js? введите описание изображения здесь

Ответ №1:

у вас есть по крайней мере два варианта:

 document.title = 'Your new name'

или в файле index.html -:

 <head>
 <title>Your new name</title>
</head>

Ответ №2:

Вы найдете <title>Webpack App</title> index.html в public папке «Скорее всего». Вы можете это изменить

Ответ №3:

В Вашем public/index.html или другие HTML-файлы, используемые в качестве шаблонов html-webpack-плагином. найдите тег заголовка и измените его

  <title>Page Title</title>

Или вы можете динамически задать заголовок страницы, получив заголовок из документа document.title , и изменить его внутри своего компонента, как показано ниже :

 <template>
        <div id="app"></div>
</template>
<script>
     export default {
            name: "App",
            mounted() {
                  document.title = "page title";
                      },};
                   
              </script>
Метки: