vue.js - Vue.js - 使用 vue-simple-headful 处理元数据

Question

我使用vue-simple-headful插件来处理 vue.js 应用程序中的元数据、页面标题、描述、关键字等......

我的 vue 应用程序中有以下设置：

main.js

import vueHeadful from 'vue-simple-headful';
Vue.use(vueHeadful, {component: true});

组件功能：

headful(vm) {
    return {
        title: this.category.header,
        description: 'yay, a static description'
    }

页面标题从this.category.header更新，但仅在第一次调用组件期间更新一次。使用headful函数调用组件后不会更新页面标题。

我希望它是动态的，即每当组件的功能被称为页面标题并且其他元数据相应地更新时。

标签： vue.jsvuejs2vue-componentvue-router

Answer 1

我最终使用vue-headful而不是vue-simple-headful。遵循如何使用 Vue.js 设置文档中的示例已经成功了。