Skip to content

常见问题

卡在一个特殊问题?在创建问题表前,请先检查一些常见的问题。如果您仍然无法找到要查找的内容,请在 Github 上提交一个 issue 或者在 community上向社区提问。

问题专区

以下回答是 Vuetify 社区提出的常见问题的集合。

  • 什么是 Vuetify?

Vuetify 是一个有助于创建漂亮和响应式用户界面的 Vue.js 框架。它包括用于构建现代应用程序的各种可定制和可重用的组件。

  • Vuetify 是否提供支持?

    Vuetify 是一个以 MIT 发布的免费开源项目。有以下几种方式可以获得 Vuetify 支持:

  • Vuetify 和 Vue 之间有什么区别?

    Vuetify 是一个构建在 Vue.js 顶层的框架。它是一个可以用于构建应用程序的组件集合。Vue.js 是一个用于构建用户界面的 JavaScript 框架。

  • Vue.js 的哪个版本与 Vuetify 兼容?

    Vuetify 与 Vue.js 3.0.0 及以上兼容。

  • 我可以和其他 CSS 框架一起使用 Vuetify 吗?

    是的,您可以同时使用 Vuetify 和其他 CSS 框架,但通常不推荐。如果您正在将 Vuetify 整合到一个使用另一个 CSS 框架的现有应用程序,您可能需要禁用默认颜色和工具生成。更多信息请访问SASS 变量 页面。

  • 我可以自定义 Vuetify 组件的样式吗?

    是的,您可以使用 全局配置自定义 Vuetify 组件的样式。Vuetify 也提供 SASS 变量 可以覆盖这些变量来更改组件的外观和感觉。

  • 我可以从哪里获得帮助?

    如果您需要帮助,请使用我们的一个帮助渠道:

  • 我可以为 Vuetify 做贡献吗?

    可以,我们欢迎所有贡献者。请查看 contributing guide 以了解更多信息。

  • 我可以在 Vuetify 使用服务器端渲染吗?

    可以,Vuetify 支持服务器端渲染。在您的 vuetify 配置对象中将 ssr 属性设置为 true

    js
    import { createVuetify } from "vuetify";
    
    export default createVuetify({
      ssr: true,
    });
  • Vuetify 3 支持 IE11 吗?

    不支持。如果您需要支持 IE11,请使用 Vuetify 2.

  • 是否支持 Nuxt 3?

支持,Vuetify 3 与 Nuxt 3 兼容,但目前没有一个社区 Nuxt 模块。

  • Vuetify 实验室是什么?

    Vuetify 实验室是一组仍在开发中的组件。它们不被认为是稳定的,可能随时改变。它们没有包含在默认的 Vuetify 安装中,必须单独导入。请参阅实验室 页面获取更多信息。

  • Vuetify 是否有每日构建?

是的,Vuetify 有每日构建。查看 每日构建 页面以获取更多信息。

  • 我发现了一个 bug,我应该怎么办?

    P 请使用我们的问题生成器创建一个新的issue。在创建新议题之前,请务必检查现有问题。

  • 为什么 Vuetify 3 将 value 更改为 model-value

    value prop 在 Vue 3 中进行了更改,以支持新的 v-model 语法。请在 Vue 官方文档中查看有关 组件 v-model 的详细信息。

  • Vuetify 3 兼容 @vue/compat吗?

不直接,您必须全局设置 configureCompat({MODE: 3}) ,并在您希望以兼容模式运行的每个组件中设置 MODE: 2 。仍然会有一些不正确的警告,可以用 devtools 中的 -ATTR_FALSE_VALUE 谬误值过滤器忽略。

  • 为什么元素不存在于 DOM 中而在 onMounted() 中? (#19736)

有些 vutify 组件是异步的,因此不能保证它们的子组件会立即被挂载。要么等待目标元素本身被 v-on:vue:mounted 挂载,要么在一个单独的组件中使用 onMounted,该组件在 template 和目标元素之间只有普通元素。