How can I make title bar dynamic on vuetify?

问题

I see vuetify project have title bar. But the title in public/index.html. Outside src folder

So I had trouble making it dynamic. Every page must have different title. If it's same, it's very influential on SEO

My public/index.html like this :

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>test-vuetify</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but test-vuetify doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

How can I solve this problem? I want to make title on every page is different. According to page content

来源：https://stackoverflow.com/questions/59041971/how-can-i-make-title-bar-dynamic-on-vuetify

标签

html

Vue.js

vue-component

url-routing

vuetify.js

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!