问题描述
我这里有一些代码，我想检查页面的源代码以查看它是否有效，但在源代码中我看不到任何内容。
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 应用中看到它？
解决方法
我发现您可以使用浏览器的开发工具区域检查页面元素。
-
在 Chrome 中，按 F12 打开开发工具窗格
-
点击元素标签
-
点击文档
<head></head>区域将其展开 -
寻找您的元标记
