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

Question

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

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

ma​​in.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 函数调用组件后不会更新页面标题。

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

Answer 1

我最终使用 vue-headful 而不是 vue-simple-headful。遵循How to set the Document with Vue.js 的示例已经成功了。