我有vuetify的vue申请。
要在vuetify中使用treeshaking，我需要这样导入：import Vuetify from 'vuetify/lib'; 。
在我的vuetify应用程序中，我没有v-dialog。
当我用import Vuetify from 'vuetify'编译我的应用程序代码时，我可以在dist js包中看到-其中有我不使用的验证代码(如v-dialog、v-dialog--animated)。
当我使用import Vuetify from 'vuetify/lib';编译时，我看不到未使用的代码(我看不到
浏览 1提问于2020-01-21得票数 7
1回答
我使用的是Nuxt 3，我想进口vuetify。
我已经成功地导入了vuetify，并且我可以使用vuetify的组件。一切都很好，但我收到了警告，不知道怎么解决
我已经把vuetify作为插件添加了。
这是一个警告：
nuxt #imports应该用实际的导入来转换。进口插件似乎有问题。
这是我的nuxt.config.ts
export default defineNuxtConfig({
css: [
'vuetify/lib/styles/main.sass'
],
build: {
transpile:
浏览 12提问于2022-12-03得票数 0
1回答
我正尝试用Vuetify在我的Vue.js前端实现一个简单的对话框。V-对话框组件不能正常工作，当v-model=“对话框”设置为true激活时，屏幕会变暗，但里面的对话框没有显示，您可以在这里看到：。
代码是从这里复制的：只添加到模板中。
这是一个以Vue.js为前端的Laravel项目。我已经实现了全面的功能认证日历和所有的工作是伟大的，但这。我想添加一个新的事件与对话框，并获得相同的黑暗页面。
我的vuetify.js配置：
import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css
浏览 1提问于2020-08-21得票数 1
我是vuejs的新手。我试着用vue和vuetify创建一个日历应用，但在控制台上得到了大量的错误:我认为它们来自同一个问题，我错过了vuetify的一些配置。但是，我尝试使用我从谷歌搜索的方法，比如添加"import“Vuetify/dist/vutify.min.css”；“和"Vue.use(Vuetify);”。他们工作得不太好。
这是vuetify.js
import Vue from "vue";
import Vuetify from "vuetify/lib";
import "vuetify/dist/vue
浏览 38提问于2021-03-03得票数 0
1回答
我尝试使用vue-i18n翻译我的应用程序。我也使用vuetify和vue cli。
目前我有英语和德语。这是我的项目结构和代码。
main.js
import Vue from "vue";
import i18n from "./plugins/i18n";
import vuetify from "./plugins/vuetify";
Vue.config.productionTip = false;
new Vue({
vuetify,
i18n,
render: (h) => h(App),
}).$mount(
浏览 0提问于2020-12-13得票数 2
回答已采纳
1回答
我正在开发一个Vue应用程序和Vuetify，并用Storybook记录组件。
我写得很好，所有组件似乎都出现在童话簿中(就像我的自定义组件& Vuetify组件一样)。除了VIcon。
我有一个组件使用Vuetify的VIcon，我无法让图标显示出来(在真正的应用程序中，这是没有问题的)。
设置：
src/plugins/vuetify.js
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);
export default new Vuetify({
浏览 0提问于2020-09-22得票数 1
1回答
我最近将我的vuetify版本升级到2.0。根据，我们需要在vuetify.js中设置dark。我在vuex中设置了dark的值，当我更新变量时，vuetify.js没有得到更新的值。
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import 'vuetify/dist/vuetify.min.css';
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import
浏览 15提问于2020-05-22得票数 1
回答已采纳
1回答
我使用vue-cli创建项目，并使用vue-cli安装vuetify。我在src目录中创建一个名为variables.scss的文件夹。
文档显示()：
vuetify加载程序将自动引导变量到Vue CLI的编译过程中，覆盖框架默认值。
我的档案：
src\plugins\vuetify.js
import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
Vue.use(Vuetify)
const opts
浏览 13提问于2022-01-11得票数 2
回答已采纳
我目前正在从Vuetify 1.5x迁移到2.x，有一个linter可以帮助我完成迁移。我遵循了指南，但不知道如何运行林特。当我尝试将WebStorm配置为使用linter时，我得到的结果是：
我怎样才能让WebStorm使用这个林特？
eslint.js：
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'eslint:recommende
浏览 0提问于2020-01-30得票数 0
1回答
当我试图在我的Vuetify项目(与Webpack和阿波罗一起)上加载材料图标时，我根本无法让我的应用程序显示出来。
我遵循了武帝为webpack提供的安装说明，但是我收到了一个错误。
Uncaught TypeError: Cannot read property 'install' of undefined
at Function.Vue.use (vue.runtime.esm.js?2b0e:5106)
at eval (vuetify.js?402c:12)
at Module../src/plugins/vuetify.js (app.js:
浏览 3提问于2021-02-10得票数 0
回答已采纳
我最近尝试创建一个简单的应用程序，它结合了Vue.js、Vuetify.js和类型记录。然而，即使在一开始，Vuetify似乎与类型记录结合使用，但在我最近的应用程序编译中，我得到的只是类型的“未知自定义组件”的错误消息。
下面是我的vuetify.js文件的配置：
import '@mdi/font/css/materialdesignicons.css'
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)
export default new V
浏览 3提问于2019-09-20得票数 2
回答已采纳
我对在Vuetify.js插件中调用vuex状态感到非常困惑。
我的项目是翻译一个基于用户首选语言的网站。我已经用i18n完全安装了翻译。本项目由两个部分组成。
基于JSON文件的翻译(这工作得很好)根据Vuetify.提供的翻译来翻译Vuetify组件
第二点是我被困在哪里。根据Vuetify的手册，您需要在Vuetify.js插件中导入所需的语言文件。一切都很完美。
但是.我只能手动修改..。
我想要实现的是，正确的Vuetify语言是建立在我的vuex商店里的语言集合中的。相信我，我已经在网上搜索了好几天，并且尝试了我能找到的所有东西。但似乎什么都起不到作用。我似乎不知道如何在Vueti
浏览 3提问于2020-07-03得票数 3
2回答
我使用的是vue.js和vuetify。我有一个存储在状态(使用Vuex)中的值，该值在scr/store/index.ts (称为darkMode)中定义，我在.vue文件中的视图组件中使用该值。但是，我希望在typescript文件中使用相同的变量，其中包含vuetify设置(src/plugins/vuetify.ts)。这可能吗？我对vue.js/vuetify/打字本很陌生。
下面是我的代码片段：
// src/plugins/vuetify.ts
import Vue from "vue";
import Vuetify from "vuetify/lib
浏览 4提问于2022-01-19得票数 0
回答已采纳
使用Vuetify 2和Storybook 6(源https://github.com/lydonchandra/vuetify2storybook6 ) 组件渲染得很好，但在第一次渲染组件时，由于vm.$vuetify.icons未定义，因此始终出现此错误TypeError。 不确定我错过了哪个故事书-实例化初始化桥？ TypeError: Cannot read property 'component' of undefined
at remapInternalIcon (vuetify.js:44048)
at VueComponent.getIcon (vuetify
浏览 87提问于2021-01-25得票数 0
1回答
语言变体时字体族的改变
、、、
我有和多语言的应用程序，它将切换语言通过选择输入，在两种语言之间切换区域设置，另一方面，我有两个字体家族，我想要切换时，区域设置改变。
vuetify.js
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import fa from '../i18n/vuetify/fa.ts';
import en from '../i18n/vuetify
浏览 4提问于2021-11-28得票数 6
回答已采纳
我已经研究这个问题好几个小时了，但找不出解决方案。我看过其他几个似乎与StackOverflow相关的帖子(以及)，但似乎没有任何东西适合我。首先，我只是尝试将字体系列从默认的Roboto更改为Avenir。我没有收到控制台错误或服务器错误。
@/styles/variables.scss
@import "~vuetify/src/styles/styles.sass";
$font-size-root: 14px;
@import "~vuetify/src/styles/settings/variables";
$body-font-family: &#
浏览 3提问于2019-10-16得票数 15
回答已采纳
Vuetify隐藏身体的背景图像。下面，如果你去掉vueitfy.js的include，图片会显示出来。 <html>
<head>
<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" type="text/css"/>
<style>
body {
background-image: url('https://images.pexels.com/photos/
浏览 13提问于2018-12-26得票数 2
如何在打开jquery对话框ui时设置背景图片()
如何在jquery中设置html页面的背景图片
浏览 1提问于2010-07-17得票数 0
回答已采纳
有没有关于如何做的想法我设置我的光标焦点在文本字段，功能类似于vuetify网站当我们访问vuetify网站时，有一个占位符(搜索"/“焦点)的搜索字段，我想在我的网站上实现相同的功能。
我正在使用vuejs和vuetify。
任何例子的帮助都将不胜感激。
浏览 2提问于2020-08-19得票数 2
1回答
如何改变主题？
、、、、
我是新的努克斯特和vue，我试图改变颜色主题从黑暗到光明。我的项目是由nuxt cli生成的，我得到了以下版本：
"dependencies": {
"core-js": "^3.8.3",
"nuxt": "^2.14.12",
"vuetify": "^2.4.4"
}
"devDependencies": {
"@nuxtjs/vuetify": "^1.11.3"
}
我正在从以下链接学习如何做到这一点：
但实际上，当我试
浏览 0提问于2021-02-15得票数 1
回答已采纳
我已经搜索了所有之前的问题，在新版本的Vuetify中，自定义主题和图标对我不起作用。
<code>A0</code>
vuetify.js文件：
<code>A1</code>
main.js文件：
<code>A2</code>
Navbar.vue文件：(使用)
<code>A3</code>
由于我的自定义主题，导航栏的颜色应该是黑色，但它仍然是vuetify默认的蓝色。请给我建议。
浏览 59提问于2019-12-04得票数 2
4回答
我用webpack来编写我的vuejs项目和使用vuetify框架，但我无法使颜色工作。例如：
<v-btn color="error">Error</v-btn>
不会产生红色错误按钮，而只是白色按钮。我包括使用以下内容的所有文件：
main.js
import Vuetify from 'vuetify'
Vue.use(Vuetify)
import '../node_modules/vuetify/dist/vuetify.min.css'
和App.vue
<style lang="stylus&#
浏览 9提问于2017-11-05得票数 7
回答已采纳
我建立了一个新的Vue项目，它使用Vue CLI和Vuetify构建了一个基本的脚手架，并使用了树抖动来消除任何我不需要的组件。我真正感兴趣的是供应商的文件，其中有Vuetify组件(想必是块-供应商.dist/js和dist/css下的文件)。
我的项目中的HTML包括那些供应商文件，但我不明白如何向Vue注册插件。例如，在我应用程序的JS文件中：
Vue.use(vuetify); // where do I get the vuetify plugin object from?
new Vue({...})
首先，我对npm生成的app JS/CSS文件不感兴趣。我只使用整个设置，这样我
浏览 4提问于2020-11-14得票数 0
回答已采纳
3回答
我在我的项目中使用Vuetify，我想使用一个变量文件来覆盖Vuetify生成的样式。
我使用a carte方法加载组件及其相应的样式，因此我不会使用以下方法导入Vuetify SASS文件：
@import '~vuetify/src/styles/styles.sass'
// Not using this method because I don't want to generate styles that are not being used by
// vuetify components I'm not using
另外，我的项目是使用*.scs
浏览 15提问于2020-06-11得票数 3
回答已采纳
尽管据我所知，NUXT会自动执行名称空间。因此，我无法在我的任何测试模块中测试或引用该存储。有人能给我点建议吗？也许我可以在Nuxt应用程序中编辑命名空间属性？
下面是组件、存储和测试的代码。
ButtonComponent.vue：
<template>
<v-container>
<v-btn @buttonClick v-model="value"></v-btn>
</v-container>
</template>
<script>
import { mapState
浏览 34提问于2020-02-06得票数 2
回答已采纳
4回答
我使用vuetify组件作为页面上的小部件，以及小部件之后的另一个内容。但是，我在小部件和页面其余部分之间有太多的空闲空间。这个vuetify应用程序高度太高，我不知道如何删除它。
以下是浏览器中的外观。
我试图以以下方式覆盖App.vue的css，但它不起作用。有什么建议吗？
<style scoped>
[data-vuetify] {
overflow-y: hidden;
}
[data-vuetify] .v-application--wrap {
min-height: 0vh !important;
}
</style>
下面是App.vue的样子
浏览 13提问于2021-06-18得票数 3
回答已采纳
3回答
我尝试基于下面的Vue3、Vite、Vitest引导一个简单的应用程序
我还安装了vue 3兼容版本的来测试vue组件。
我试图复制文档中的基本示例时出错：
import { mount } from "@vue/test-utils";
import { expect, test } from 'vitest'
// The component to test
const MessageComponent = {
template: "<p>{{ msg }}</p>",
props: ["msg&#
浏览 18提问于2022-01-19得票数 7
1回答
我学习了一个关于的教程，它是用laravel建立Vuetify的。我成功地设置了项目，即安装教程中指定的所有依赖项。虽然在最后一步，NPM手表，我得到以下错误在控制台；
Uncaught :TypeError不是构造函数
vuetify.js代码：
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)
const opts = {}
export default new Vuetify(opts)
浏览 1提问于2020-04-24得票数 0
回答已采纳
3回答
如何在vuetify中覆盖实际的类？
我已经创建了一个./src/stylus/main.styl文件，我在其中覆盖了一些当前的vuetify设置作为测试：
@import '~vuetify/src/stylus/settings/_variables'
@import '~vuetify/src/stylus/elements/_typography'
$material-dark.background = green
$body-font-family = Arial
$alert-font-size = 18px
.display-2
f
浏览 0提问于2018-12-08得票数 1
我用Vuetify通知。无法更改通知横幅的宽度。我需要要么更改宽度，要么从横幅中移除关闭图标。或者，还有其他简单的通知方法吗？
main.js：
import VuetifyNotify from 'vuetify-notify';
Vue.use(notify, {
vuetify,
options: {
toast: {
x: "right",
y: "top",
color: "green"
}
}
});
在我的Vue组件中：
this.$notify.to
浏览 4提问于2022-06-29得票数 1
我正在尝试设置我的应用程序背景图片，与Windows 10背景图片相同。
如何在我的应用程序中获取当前的墙纸图像？
我找到了可以设置墙纸的接口，但我正在尝试访问当前的墙纸。
浏览 0提问于2018-10-11得票数 0
我想知道如何使用php在邮件内容中设置背景图片。目前我有发送电子邮件的php代码，但它没有背景图片。希望大家能帮助我。
诚挚的问候,
Ponomy
浏览 1提问于2010-11-25得票数 0
我试图更改Vuetify断点，但它没有工作，但得到了以下错误：
获取xs: reactiveGetter()参数:异常: TypeError：“调用者”、“被调用者”和“参数”属性在Function.invokeGetter (:1:142)调用方Function.invokeGetter (:1:142)调用时不能访问参数对象:Function.invokeGetter(：1:142)调用者:异常: TypeError：“调用者”、“被调用者”属性和“参数”属性不能在Function.invokeGetter(：1:142)长度:0名称："reactiveGetter“上访问。
//
浏览 1提问于2020-04-15得票数 0
回答已采纳
是否可以将vuetify添加到默认的vuepress主题？
我只需要添加一些组件到默认的主题，然而，这将是很好的使用vuetify来处理我的组件中的表单。
我发现了一个自定义的vuepress主题，它使用了一个vuetify，但是我更喜欢使用默认的vuepress主题。
另一种选择是弹出默认主题，并向其添加vuetify。然而，我不喜欢弹出默认的主题，只需要添加vuetify到它。
浏览 1提问于2018-10-07得票数 6
我使用vue-反应式存储，因为localStorage不是反应式的。使用这个插件可以创建一个所有组件都可以访问的vue对象。我想在我的axios拦截器响应函数中访问这个对象，但是我得到了通用的TypeError: Cannot read property 'localStorage' of undefined。
app.js：
require('./bootstrap');
import Vue from 'vue';
import Vuetify from 'vuetify';
import reactiveStorage f
浏览 3提问于2019-11-12得票数 2
1回答
我有一个vue.js SearchTest组件和一个v-autocomplete。它有select和search的观察者
// SearchTest.vue
<template>
<v-autocomplete
v-model="select"
:items="items"
:loading="isLoading"
:search-input.sync="search"
hide-no-data
hide-selected
placeholder=&#
浏览 7提问于2021-03-28得票数 1
回答已采纳
1回答
证明移动抽屉:方角？
、、、
我正在使用Vuetify移动抽屉组件，我希望它有方形的角，而不是圆角，这似乎是所有Vuetify组件的默认材料。Vuetify card组件有一个"tile“属性，它允许您对角进行方块调整，但抽屉组件没有这个属性，文档中也没有讨论如何与Material API进行交互。我确实尝试过使用“四舍五入”的属性/边界半径，但这似乎与它无关，并且没有任何效果。
浏览 0提问于2020-10-11得票数 0
2回答
我的背景图片对齐似乎不正确。如何让背景图片居中对齐？
body {
background-image: url('<?php echo $backgroundpic;?>');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
width: 100%;
height: 100%;
}
浏览 0提问于2015-11-01得票数 0
1回答
什么是最好的或推荐的方法，以使一个Vuetify模式对话框出现一次页面加载？很难找到以编程方式导致Vuetify对话框出现的示例。
浏览 1提问于2019-12-23得票数 0
回答已采纳
我想知道为什么当屏幕尺寸小于600px时vuetify断点不起作用。
new Vue({
el: '#app',
vuetify: new Vuetify(),
})
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"&g
浏览 1提问于2019-08-28得票数 19
回答已采纳
当我们使用npm run dev在开发模式下运行我们的Vuetify应用程序时，它工作正常。
然而，当我们使用prerender-spa-plugin构建它时，Vuetify CSS文件加载正确，但是没有一个JavaScript组件工作(即单击按钮打开抽屉不工作等等)。
我们已经尝试过硬编码一个脚本标记到Vuetify的CDN，但这并没有起作用。
我们在GitHub上搜索了一些项目，这些项目使用的是Vuetify和预制板-spa插件，但是没有注意到我们的代码和其他人的代码之间有什么不同。
我们尝试使用Renderer()的设置来排除错误，但无法确定问题的根源。
Webpack配置设置：
web
浏览 1提问于2019-01-12得票数 2
1回答
如何在旋转木马上放置搜索栏？
、、、、
正如标题所述，我希望在旋转木马上设置一个搜索栏功能，并且我正在尝试使用<v-autocomplete>和v-carousel>来实现这一点。
通过使用官方Vuetify 中的代码片段，我成功地获得了以下内容：
<template>
<v-layout
justify-center
app
>
<v-flex
xs12
sm6
>
<v-container
浏览 0提问于2019-03-03得票数 0
回答已采纳
我正试图在Vuetify中实现新的自定义语言，我想将vuetify月份转换为我的自定义语言。有办法做到这一点吗？
浏览 3提问于2020-01-08得票数 2
回答已采纳
有人知道如何在@vue/test-utils v2库中进行组件测试，同时使用Vuetify 3 Beta版本吗？我还使用Vue3 composition API来定义组件。我在这里找到的文档不起作用，因为它适用于Vuetify v2和@vue/test-utils v1。
这是我的插件/vuatefy.js
import '@mdi/font/css/materialdesignicons.css';
import 'vuetify/styles';
import { createVuetify } from 'vuetify';
export
浏览 15提问于2022-05-23得票数 4
我在安装npm up后使用npm install --save vuex-persist时会出现以下错误，这个包和我的配置有什么问题？
我用的是Nuxt ^2.15.8。
❯ npm up
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: myproject@1.1.1
npm ERR! Found: vue@2.6.14
npm ERR! node_modules/vue
npm ERR! peer vue@"*" from @nux
浏览 14提问于2022-02-28得票数 1
我试图在我创建的自定义vue插件中使用vuetify组件，但在应用程序“知道”vuetify存在之前，我的插件呈现似乎是这样的。
我尝试在我的插件中使用Vue.use( vuetify )，但是它没有工作，基本上，在我的插件中使用它是没有意义的，因为我希望插件用户(开发人员)在他的应用程序中使用vuetify作为全局依赖项，这样它就可以渗透到我的插件中了。
这是我的vue html插件模板：
<v-content>
<v-container fluid fill-height>
<v-layout justify-center>
浏览 1提问于2019-04-14得票数 0
1回答
我正在使用Vuetify与Nuxt.js，我已经分块了我的css文件，所以当我使用npm运行生成我所有的风格不是包括在我的网站上的每一页。为了做到这一点，我补充说.
build: {
extractCSS: true,
splitChunks: {
layouts: true
}
}
但是，我的vuetify-theme-stylesheet主题文件仍然包含在每个页面中。如何使我的vuetify-theme-stylesheet文件像我的CSS的其他部分一样被分块？
<style data-n-head="vuetify" type
浏览 5提问于2020-04-24得票数 9
1回答
我正在导入一个Nuxt插件中的Vuetify.js，我想让它可以访问其他插件。我尝试将它直接分配给上下文，比如vuetify-module。 vuetify.js import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import options from '@/vuetify.options.js'
import '@mdi/font/css/materialdesignicons.css
浏览 24提问于2020-10-16得票数 0
5回答
Vuetify图标大小
、、、、
最近，我正在开发一个使用Vuetify的应用程序，并且很难更改Vuetify的默认颜色。所以我终于以这样的话结束了：
正如它所说的，我添加了以下代码：
<style lang="stylus">
@require '../node_modules/vuetify/src/stylus/settings/_colors.styl'
$theme := {
primary: #009688
accent: #FFC107
secondary: #00796B
info: #B2DFDB
warning:
浏览 4提问于2018-01-05得票数 22
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
