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

Posted 2023-02-23

【中文标题】Vue.js - 使用 vue-simple-headful 处理元数据

【英文标题】：Vue.js - handling metadata with vue-simple-headful

【发布时间】：2019-04-04 22:00:17

【问题描述】：

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

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

【问题讨论】：

您能否提供一个最小可行示例来说明您的问题？我无法用您提供的代码复制问题。

【参考方案1】：

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