- 配置参考 Configuration
- 入门指南
- 介绍 Introduction
- 安装 Installation
- 配置 Configuration
- 视图 Views
- 资产 Assets
- 路由 Routing
- SEO and Meta
- 过渡 Transitions
- 数据获取 Data Fetching
- 状态管理 State Management
- 错误处理 Error handling
- 层结构 Layers
- 部署 Deployment
- 测试 Testing
- 升级指南 Upgrade Guide
- 核心概念
- 自动导入 Auto imports
- Vue.Js Vue.js Development
- 渲染模式 Rendering Modes
- 服务端引擎 Server Engine
- 模块化 Modules
- ES模块 ES Modules
- TypeScript TypeScript
- 目录结构
- 可组合项
- 组件
- 工具库
- fetch
- abortNavigation
- addRouteMiddleware
- clearError
- clearNuxtData
- createError
- defineNuxtComponent
- defineNuxtRouteMiddleware
- definePageMeta
- navigateTo
- onBeforeRouteLeave
- onBeforeRouteUpdate
- onNuxtReady
- prefetchComponents
- preloadComponents
- preloadRouteComponents
- refreshNuxtData
- reloadNuxtApp
- setPageLayout
- setResponseStatus
- showError
- updateAppConfig
- CLI 命令
- 进阶
- 深入探究
- 迁移指南
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
useHead
useHead 自定义 Nuxt 应用程序各个页面的头部属性。
useHead
useHead
可组合函数允许您以编程和反应的方式管理您的头部标签,由 Unhead 提供支持。 如果数据来自用户或其他不受信任的来源,我们建议您查看 useHeadSafe
Type
tsuseHead(meta: MaybeComputedRef<MetaObject>): void
以下是 useHead 的非响应式类型。
tsinterface MetaObject {
title?: string
titleTemplate?: string | ((title?: string) => string)
base?: Base
link?: Link[]
meta?: Meta[]
style?: Style[]
script?: Script[]
noscript?: Noscript[]
htmlAttrs?: HtmlAttributes
bodyAttrs?: BodyAttributes
}
有关更详细的类型,请参阅 @unhead/schema。
useHead
的属性可以是动态的,接受 ref
、computed
和 reactive
属性。 meta
参数还可以接受返回对象的函数,以使整个对象具有反应性。
参数
meta
Type: MetaObject
接受以下头部元数据的对象:
meta
Type:Array<Record<string, any>>
数组中的每个元素都映射到新创建的<meta>
标签,其中对象属性映射到相应的属性。link
Type:Array<Record<string, any>>
数组中的每个元素都映射到新创建的<link>
标签,其中对象属性映射到相应的属性。style
Type:Array<Record<string, any>>
数组中的每个元素都映射到新创建的<style>
标签,其中对象属性映射到相应的属性。script
Type:Array<Record<string, any>>
数组中的每个元素都映射到新创建的<script>
标签,其中对象属性映射到相应的属性。noscript
Type:Array<Record<string, any>>
数组中的每个元素都映射到新创建的<noscript>
标签,其中对象属性映射到相应的属性。titleTemplate
Type:string
|((title: string) => string)
配置动态模板以自定义单个页面上的页面标题。title
Type:string
在单个页面上设置静态页面标题。bodyAttrs
Type:Record<string, any>
设置<body>
标签的属性。 每个对象属性都映射到相应的属性。htmlAttrs
Type:Record<string, any>
设置<html>
标签的属性。 每个对象属性都映射到相应的属性。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论