App

GitHub
封装您的应用程序以提供全局配置等功能。

用法

此组件实现了 Reka UIConfigProvider为所有组件提供全局配置

  • 使所有原语继承全局阅读方向。
  • 在设置主体锁定时,可以更改滚动主体的行为。
  • 更多控件可防止布局偏移。

它还使用了ToastProviderTooltipProvider提供全局 Toast 和工具提示,以及编程模式对话框和滑出式面板。

在您的 app.vue 文件中,用 App 组件包装您的整个应用程序。

app.vue
<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>
了解如何使用 locale 属性来更改应用程序的语言环境。
了解如何使用 locale 属性来更改应用程序的语言环境。

API

属性

属性默认值类型
tooltipTooltipProviderProps
toasternull | ToasterProps
localeLocale<Messages>
portal'body'string | false | true | HTMLElement
dir'ltr'"ltr" | "rtl"

应用程序的全局阅读方向。所有原语都将继承此设置。

scrollBodyboolean | ScrollBodyOption

应用程序的全局滚动主体行为。相关原语将继承此设置。

noncestring

应用程序的全局 nonce 值。相关原语将继承此设置。

插槽

插槽类型
default{}

更新日志

5b177— feat: 扩展原生 HTML 属性 (#5348)

7659f— fix: 允许全局禁用门户 (#5111)

5cb65— 特性:导入 @nuxt/ui-pro 组件

29fa4— 特性:添加全局 portal 属性 (#3688)

b9983— 修复:改进泛型类型 (#3331)