nuxt在mounted打印this报错

Question

export default {
  name: "Home",
  mounted() {
    console.log("渲染完成");
    console.log(this);  //此处会报错,如果注释这行就不会报错
  },
};

报错信息:

vue-meta.esm.browser.js:150 VueMeta DeprecationWarning: _hasMetaInfo has been deprecated and will be removed in a future version. Please use hasMetaInfo(vm) instead

附截图:

Answer 1

这个错误信息表明你正在使用的 Vue Meta 插件版本已经过时了，其中的 _hasMetaInfo 函数已经被弃用，将在未来版本中删除。为了解决这个问题，你需要更新你的 Vue Meta 插件到最新版本，并将 _hasMetaInfo 替换为 hasMetaInfo(vm)。

如果你使用的是 npm 或 yarn 管理你的依赖，可以运行如下命令更新 Vue Meta:

npm update vue-meta

或

yarn upgrade vue-meta

如果你使用的是其他包管理工具，请参考其文档进行更新操作。