0

我这里有一些代码,我想检查页面的源代码以查看它是否正常工作,但我在源代码中看不到任何内容。

export default {
    name: 'LandingPage',

    metaInfo() {
        return {
            title: this.page.title,
            meta: [
                {
                    property: 'og:title',
                    content: this.page.title,
                    template: chunk => `${chunk} - Website name`,
                    vmid: 'og:title'
                },
            ],
        };
    },

    ...
}

如何验证 vue-meta 添加了什么?有没有办法在 SPA 应用程序中看到它?

4

1 回答 1

0

我发现您可以使用浏览器的开发工具区域检查页面元素。

  1. 在 Chrome 中,按 F12 打开开发工具窗格

  2. 单击元素选项卡

  3. 单击文档<head></head>区域以将其展开

  4. 寻找你的元标签

在此处输入图像描述

于 2021-05-20T18:00:24.807 回答