Vue 页面单独设置Meta

1、安装组件 npm install vue-meta --save

2、main.js中引入组件

import Meta from 'vue-meta'
Vue.use(Meta)

3、具体的页面

metaInfo: {title: 'This is the test',meta: [// { charset: 'utf-8' },// { name: 'viewport', content: 'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' },{ name:'referrer' , content:'never' }]
},

Vue 页面单独设置Meta相关推荐

Nuxt - 每个页面单独设置 SEO 相关标签及网页标题、图标等（页面配置 head）
前言您一定知道,要想配置一些 SEO 相关的标签,就要在项目根目录下 nuxt.config.js → head 字段进行. 请注意,nuxt.config.js 文件中所配置的是全局的, 并非 & ...
VUE页面背景设置为视频
VUE页面背景设置为视频 VUE页面背景设置为视频文章目录 VUE页面背景设置为视频前言一.div部分二.CSS代码三.效果展示总结前言 VUE页面背景设置为视频一.div部分视频文 ...
Vue - 每个页面单独设置 body 背景色（独立修改单个页面的背景色，不同页面设置不同的背景颜色）
前言在 Vue.js 项目中,您直接通过 body{...} 设置背景色后,会发现所有页面都变了.就算您在最外层的 DIV 容器上,设置样式背景颜色也不行. 网上的大部分教程,实现的方法都很臃肿且代 ...
微信小程序全局分享转发实现-无需页面单独设置
微信小程序没有自带全局分享设置,页面开启分享功能必须要在页面中定义分享事件函数onShareAppMessage(分享给朋友)和onShareTimeline(分享至朋友圈).如果项目中页面比较多,一 ...
vue修改meta值_vue中动态设置meta标签和title标签的方法
vue中动态设置meta标签和title标签的方法因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 ...
vue seo管理 vue-meta-info 动态设置meta和title
使用 vue-meta-info 配置title和meta按照以下步骤 1.安装 yarn: yarn add vue-meta-info npm: npm install vue-meta-info ...
Vue给单独页面添加背景色
由于外层还有一个div,所以设置背景色100%的时候不能全部都被背景色覆盖. 如果给HTML设置背景色还会影响到其他页面的背景色. 解决办法: 给style添加一个scoped表示当前样式只给当前页面 ...
vue使用provide / inject 组合刷新页面+单独组件刷新
原文链接:https://www.cnblogs.com/leng12/p/xiaoleng.html 一.this.$router.go(0) 相当于F5刷新,这种方法虽然代码很少,只有一行,但是体 ...
Vue学习之页面起始页设置
Vue的起始页设置可以在路由中设置,如下,HelloWord就设置为起始页: 当访问时效果会直接访问到这个页面,如下: 对于其他页面,如Login,则需要这样访问: 关于路由相关知识,可以参考下面文章 ...

Vue 页面单独设置Meta

Vue 页面单独设置Meta相关推荐

最新文章

热门文章