@chiaweilee/vue-router-title

npm install @chiaweilee/vue-router-title

Usage no npm install needed!

<script type="module">
  import chiaweileeVueRouterTitle from 'https://cdn.skypack.dev/@chiaweilee/vue-router-title';
</script>

README

vue-router-title

Install

npm install @chiaweilee/vue-router-title

Usage

// main.js
import RouterTitle from 'vue-routertitle'
// ...

const router = new Router({
    routes: [
        {
          path: '/',
          meta: {
            // default, use <title> or empty ''
          }
        },
        {
          path: '/t',
          meta: {
            title: 'string title'
          }
        },
        {
          path: '/t2',
          meta: {
            title: function () {
              // this -> to in router.afterEach(to)
              return this.name
            }
          }
        }
      ]
})

RouterTitle(router)

new Vue({
    router
    // ...
})
Advance
const store = new Vuex.Store({
    state: { test: 1 }
})

const router = new Router({
    routes: [
        {
          path: '/',
          meta: {
            title: function (store, customObject, num /*, ...*/) {
                return `${store.state.test}${customObject.test}${num}` // '123'
            }
          }
        }
      ]
})

RouterTitle(router, store, {
    // custom
    test: 2
}, 3 /*, ...*/)