在nuxt中如何设置页面的头标签 - 行业资讯 - 肥雀云

　　介绍

这期内容当中小编将会给大家带来有关在nuxt中如何设置页面的头标签,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

<>强打开指数。vue,编辑如下:

头(){ 　　返回{ 　　标题:& # 39;笑话家庭页面# 39; 　　元:[{ 　　藏:“description" 　　名称:“description", 　　内容:“这是有趣的笑话page"回家; 　　}, { 　　藏:& # 39;视窗# 39; 　　名称:& # 39;视窗# 39; 　　内容:& # 39;宽度=设备宽度,初始=1.0 & # 39; 　　}) 　　} 　　},

<强>我们再次打开笑话。vue,编辑如下:

头(){ 　　返回{ 　　标题:& # 39;笑话页面# 39; 　　元:[{ 　　藏:“description" 　　名称:“description", 　　内容:“有趣的笑话page" 　　}) 　　} 　　},

<>强打开。vue,编辑如下:

头(){ 　　返回{ 　　标题:& # 39;关于页面# 39; 　　元:[{ 　　藏:“页面description" 　　名称:“description", 　　内容:“对page"好笑的笑话; 　　}) 　　} 　　},

每次设置修改之后,我们都需要打开当前页面的源代码查看一下,服务端渲染新头标签内容是否生效。

<强> nuxt为单独的页面或组件注入js

代码如下

头(){
　　返回{
　　脚本:[
　　{
　　字符集:& # 39;utf - 8 # 39;
　　src: & # 39; https://map.qq.com/api/js& # 63; v=2. exp&关键=3 & # 39;
　　身体:真
　　},
　　{
　　类型:& # 39;文本/javascript # 39;
　　src: & # 39; https://3gimg.qq.com/lightmap/api_v2/2/4/127/main.js& # 39;
　　身体:真
　　},
　　{
　　类型:& # 39;文本/javascript # 39;
　　src: & # 39; https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js& # 39;
　　身体:真
　　}
　　]
　　}
　　},

由于地图只有在一个页面使用,没必要全局引入,于是就在单个页面使用

在nuxt中如何设置页面的头标签

上述就是小编为大家分享的在nuxt中如何设置页面的头标签了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。