我正在尝试动态地设置Vuetify中文本字段的值，将其聚焦并选择它的文本(以便用户能够在必要时快速重置该字段)。我得到的错误是"select不是一个函数“。这适用于普通文本输入，但不适用于Vuetify文本字段。
<template>
<vContainer>
<vTextField
ref="input"
v-model="input"
/>
<vBtn
@click="tes
浏览 0提问于2020-06-16得票数 5
回答已采纳
2回答
我试图在Vuetify中使用浮动动作按钮，但图标与按钮不对齐：
下面是我安装Vuetify的方式：
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import 'babel-polyfill' // Required by Vuetify for IE11-era browsers
Vue
浏览 0提问于2018-06-07得票数 0
回答已采纳
1回答
在使用vuetify框架构建vue-cli应用程序时，我遇到了一个错误。
This dependency was not found:
* vuetify/es5/components/VCardTitle in ./src/plugins/vuetify.js
To install it, you can run: npm install --save vuetify/es5/components/VCardTitle
当我尝试安装它时，它会显示：
error Received malformed response from registry for undefined. The reg
浏览 0提问于2018-08-17得票数 1
2回答
我正在尝试制作一个具有多种语言的应用程序。
我按照文档所说的做了，但它不起作用。
这是我的代码。
window.Vue = require('vue');
import Vuetify from './Vuetify/vuetify';
import en from './Vuetify/Lang/en/en.ts';
import es from './Vuetify/Lang/es/es.ts';
Vue.use(Vuetify, {
lang: {
locales: {
es,
浏览 113提问于2018-11-24得票数 5
<v-btn
icon
color="white"
>
<v-icon>mdi-account</v-icon>
</v-btn>
package.json
{
"name": "project",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --port
浏览 4提问于2022-04-28得票数 1
我目前正在尝试将Vuetify合并到一个带有TypeScript的NetCore3Web项目中的单个Vue组件中。我的理解是，Vuetify是用于SPA的，但是我想使用Vue组件标记来处理单个的cshtml页面。该项目构建并运行，但我得到的错误，如上面的标题。它将我指向，但是当我尝试这样做时，我会发现一些错误，说明我需要一个声明文件。我承认，我在TypeScript方面的经验很少，但谁能指出我所缺少的东西的正确方向呢？下面是相关的代码片段：
提前感谢！
Index.cshtml
@{
ViewData["Title"] = "Home";
}
@sec
浏览 1提问于2020-01-29得票数 0
1回答
如何在Vuex中导入自定义svg图标(使用Vuetify和Nuxt.js) 在Vuetify.options中： icons: {
values: {
myIcon: {
component: awesomeIcon
}
}
}
浏览 38提问于2020-05-04得票数 0
回答已采纳
1回答
我使用vue cli3创建了我的项目。
vue create my-project
然后我在我的项目中添加了vuetify。
vue add vuetify
然后，我从vuetify主题生成器中创建了一个自定义主题。现在我想把这个主题添加到我的项目中。
在vuetify的正式文档中，添加一个主题如下
Vue.use(Vuetify, {
theme: {
primary: '#3f51b5',
secondary: '#b0bec5',
accent: '#8c9eff',
error: '#b
浏览 0提问于2018-08-07得票数 6
回答已采纳
2回答
我在vue中做了一个全新的应用程序，我想在这个应用中添加vuetify作为一个框架。通过运行npm install vuetify --save命令，它将添加到应用程序中，但是当我想使用它时，在运行应用程序时没有显示css按钮的颜色。
App.vue和main.js文件是:-
附录：-
<template>
<div id="app">
<v-btn color="success">Success</v-btn>
<v-btn color="error">Error&
浏览 1提问于2018-08-11得票数 1
回答已采纳
2回答
我想要创建一个带有函数的Vue插件，该函数以编程方式呈现Vue组件。这个成分取决于Vuetify。如果我在组件中使用普通的HTML/CSS，一切都会很好，但是在组件中使用与Vuetify相关的东西(例如，a)是行不通的。我假设我没有正确地将vuetify注入到组件中。
在我的自定义组件中，我尝试分别导入每个Vuetify组件，但都没有成功。我还尝试使用语法: new ({vuetify})创建组件，但也没有成功。
import MyCustomComponent from '@/components/MyCustomComponent'
import vuetify from
浏览 0提问于2019-07-26得票数 3
回答已采纳
2回答
证明css不适用
、、
我正在学习this教程。我花了大约40分钟在他添加Vuetify的地方，我已经跟随了他，据我所知，我的代码和他的代码是一样的，但是Vuetify似乎不会加载到我这一端。 在下面的图片中，左边是我屏幕上的样子，右边是教程/应该是什么样子的。 ? 下面是相关的.vue页面： <template>
<v-layout column>
<v-flex xs6 offset-xs3>
<div class="white elevation-2">
<v-toolbar cl
浏览 37提问于2020-03-02得票数 1
我有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
我正试着向大家介绍我目前的项目。
但是，在最初的设置过程中，我遇到了这个错误，并且它没有正常运行。
我怎么才能解决这个问题？
我目前正在使用来自vue-cli的vue2。
● Test suite failed to run
TypeError: Cannot read properties of undefined (reading 'html')
at new JSDOMEnvironment (node_modules/jest-environment-jsdom/build/index.js:72:44)
at async TestS
浏览 19提问于2022-05-09得票数 16
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
回答已采纳
1回答
我在Vuejs项目中使用Vuetify。我将v-文本字段元素添加到具有概述属性的v-窗体中，但它没有显示边框。谢谢。
代码为main.js中的项目添加Vuetify：
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
浏览 0提问于2019-08-21得票数 0
回答已采纳
1回答
我想动态地改变主题。我定义了lightTheme和darkTheme li
export default createVuetify({
theme: {
defaultTheme: "lightTheme",
themes: {
lightTheme: {
dark: false,
colors: {
primary: "#ad1c3d",
"page-header-background": "#d7d7ce",
浏览 12提问于2022-07-22得票数 0
回答已采纳
我在Vue中的单元测试不仅针对<v-col>而且针对每个vuetify组件输出以下警告：
Vue警告:未知的自定义元素：< v-col> -您正确注册了组件吗？对于递归组件，请确保提供"name“选项。
我创建了一个localVue并添加了Vuetify，但这似乎行不通。这是我的测试用例：
import { shallowMount, createLocalVue } from '@vue/test-utils'
import expect from 'expect'
import ProjetoShow from
浏览 4提问于2020-02-21得票数 6
回答已采纳
1回答
我的网站上有以下两个文件：
firebase.js
gridsome-server.js
firebase.js是一个“常规”javascript文件，其内容如下：
import firebase from 'firebase/app'
import 'firebase/firestore'
const config = {
apiKey: '[APIKEY],
authDomain: '[AUTHDOMAIN],
databaseURL: '[DATABASEURL],
projectId: '
浏览 2提问于2019-12-02得票数 0
回答已采纳
我在TypeScript中使用Jest 27.5.1。当我尝试测试时，我得到了以下错误：
● Test suite failed to run
TypeError: Cannot read properties of undefined (reading 'extend')
2 | <div>Hello</div>
3 | </template&g
浏览 5提问于2022-10-29得票数 0
尝试使用Vuetify组件时出现此错误。也许只是我对如何在Laravel中实现Vuetify组件缺乏了解。
Laravel v5.8.35，Vue v2.6.10，Vuetify v2.0.18。
错误：
Vue警告:呈现错误："TypeError:无法读取属性't‘的未定义“
找到位置
app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./compone
浏览 1提问于2019-09-23得票数 7
回答已采纳
我刚刚升级到Vuetify 2.0，我的字体完全坏了。我已经成功地通过以下方式更改了项目中的字体：
.v-application {
font-family: 'Montserrat', sans-serif!important;
}
但应用了.display-1、.display-2等类的标题仍然采用Vuetify默认样式(Roboto)，因为它在Vuetify默认样式中具有！重要性。
如何更改整个项目的字体，覆盖Vuetify的默认字体？
浏览 1提问于2019-09-16得票数 1
2回答
Vuetify -我找不到关闭循环的方法。我没有在我的vuetify carousel中显示图像，我在用户-passive步骤中使用了几个步骤，更像是一步一步的描述，我不需要在carousel中循环。
感谢你的帮助
对感兴趣的人进行编辑我最终使用了vue-carousel
浏览 13提问于2018-08-15得票数 0
1回答
Nuxtjs导入vue组件
、、、、
我是nuxtjs的新手，我正在尝试将vue组件导入nuxt。
我在我的项目中使用vuetify，我想使用这个插件，它是一个日期范围选择器。
我已经使用npm添加了组件。
我的nuxt.config.js看起来像这样：
...
// Global CSS (https://go.nuxtjs.dev/config-css)
css: [
{ src: '~/node_modules/vuetify-daterange-picker/dist/vuetify-daterange-picker.css' }
],
// Plugins to run before render
浏览 1提问于2021-01-07得票数 1
1回答
vuetify form 您好，我正在为登录页面使用vuetify表单布局，但我想要更改scss文件内部原色。有没有什么方法可以让我改变颜色呢？
浏览 13提问于2020-04-17得票数 0
我试图将Vuetify集成到我现有的Vue项目中，但颜色显示不正确。我正在遵循 -> existing applications的指南。
css文件似乎以某种方式正确加载，因为按钮似乎是用阴影突出显示的，并且有一些单击效果。但是，颜色和文本显示不正确：
我的main.js
import Vue from "vue";
import App from "./App";
import Vuetify from "vuetify";
import router from "./router";
import ".
浏览 4提问于2018-04-24得票数 43
回答已采纳
1回答
Nuxt VueJS警告
、、、
当我构建我的Nuxtjs项目时，我有以下警告
我使用Vuetify，SCSS，Vue-月度选择器来选择月份日期。
在nuxt.config.js中
模式：“通用”，ssr：“假”
如果我删除模式并使SSR: true，它会给我另一个错误(文档未定义)
资产规模限制的警告是因为我使用Vuetify，Vue-月度选择器，如果我删除警告，就会增加资产规模。
我是否可以删除警告而不删除vuetify和vue-？
浏览 2提问于2021-03-19得票数 1
我在nuxt3中使用了nuxt3，有些代码可以工作，但是当尝试使用<v-stepper>...</v-stepper>组件时，我会得到以下错误：
✔ Nitro built in 533 ms
nitro 17:34:04
[Vue warn]: Failed to resolve component: v-stepper
If this is a native custom el
浏览 43提问于2022-07-06得票数 0
回答已采纳
如何在我的vuetify应用程序中而在scss文件中使用媒体查询断点？ 例如，bootstrap使我能够在scss文件中执行此操作： @include media-breakpoint-up(sm) {
.custom-class {
display: block;
}
} vuetify中的等价物是什么？我找不到任何documention in vuetify website
浏览 34提问于2019-05-03得票数 9
1回答
我正在用Vue构建一个应用程序，用Web组件构建Vuetify；当我将Vuetify作为web组件添加时，CSS样式Vuetify已经消失了。我尝试在demo.html文件中添加<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css">，但这并没有帮助。我的回购是。我在我的vue.config.js transpileDependencies: [ 'vuetify' ]中，但这也没有帮助。我需要注意一下武帝的风格不起
浏览 3提问于2021-07-26得票数 3
回答已采纳
1回答
我有一个Vue2项目，并且使用Jest来测试我的代码。我开始测试一些示例代码，我简单地无法获得Jest来确定Vuetify v-alert组件是否可见。我已经尝试过内置的Jest方法，以及添加Jest和使用toBeVisible()方法，到目前为止，没有任何东西工作。
如果您查看Test.vue组件，默认情况下v-alert组件是隐藏的。(其样式设置为显示: none;)
单元测试表示应该通过expect(alert).not.toBeVisible()，但是不管v-alert模型设置为什么，它总是失败。如果我将测试更改为expect(alert).toBeVisible()，它将通过，而不管
浏览 0提问于2020-06-24得票数 2
5回答
验证离线文档
、、、、
我已经开始使用Vuetify来添加ui组件并使用预定义的布局。问题是，我必须不时地查看在线文档，并要求我永远连接到互联网。
有什么方法可以让Vuetify离线吗？比如用doxygen/javadocs构建的html，还是CHM？PDF？LaTEX？什么都能帮上忙。
浏览 4提问于2018-07-11得票数 13
回答已采纳
2回答
我正在尝试实现Veutify的
这就是我现在看起来的样子：
这就是文本字段聚焦时的样子：
这些是我用main.js进口的
import Vue from 'vue';
import Vuetify from 'vuetify';
Vue.use(Vuetify);
我是不是漏掉了进口什么的？
浏览 2提问于2017-08-08得票数 5
回答已采纳
3回答
我今天刚开始收到这个错误，它破坏了我的整个网站(因为我像个傻瓜一样在页面加载上加载Vuetify )。
有人知道这意味着什么或如何解决吗？在谷歌上搜索并没有发现任何有用的信息。
编辑：
对于任何发现这一点的人来说，因为他们的站点也被破坏了，这可能是因为您从哪里加载vuetify.min.css。对我来说，我得到了这样的页面加载：
<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">
并将其从已安装的包中导入，从而解决了这个问题。
浏览 1提问于2019-04-22得票数 5
我使用了一个Vuetify主题，并试图将所有JS代码捆绑到一个bundle.js中，但是代码是以块的形式生成的，这里是vue.config.js文件 module.exports = {
chainWebpack: config => {
},
configureWebpack: {
devtool: false,
mode: 'production',
entry: './src/main.js',
optimization: {
splitChunks: false,
co
浏览 38提问于2021-08-08得票数 1
1回答
我有一个嵌套组件的结构，如下所示：
<component A>
<button "save data">
<component B>
<form>
<component C>
<input/>
<input/>
<input/>
</component C>
<component D>
<input/>
<inp
浏览 0提问于2018-12-28得票数 0
回答已采纳
1回答
我有中文和英文的文件，我的操作系统是Ubuntu 18.04英语，我可以安装中文简体和繁体，没有问题，根据文档，任何低于英文的东西都会被忽略，我的两种中文都在下面，所以我试着把它们移到下面，问题是，不管我怎么努力，我只能把中文放在美国之上，我的显示优先顺序是英文US，中文繁体和简体，每当我试图把英语美国放在中文之上，两种中文都下降到语言列表的倒数。这是个虫子吗？我是不是错过了按我想要的顺序排列的步骤？提亚
浏览 0提问于2018-09-05得票数 0
回答已采纳
1回答
开始学习vuejs和jest是如何工作的。看了一些视频，然后我自己开始尝试，但由于触发器点击而不断失败。
我的组件中有一个登录按钮，这是我在组件中唯一拥有的v-btn
<v-card-actions>
<v-btn
block
:disabled="!valid"
color="info"
class="mr-4"
@click.native="on_login"
浏览 0提问于2021-07-12得票数 1
我正在尝试为Vuetify组件创建一个组件包装器。我的目标是简单地创建一个包装器，这样我就可以应用一些CSS覆盖。
所以我想把所有的$attrs，$listeners，$slots都传下去。
我不想改变任何行为/js。
这是我的my-stepper.vue
<template>
<v-stepper v-bind="$attrs" v-on="$listeners">
<slot></slot>
</v-stepper>
</template>
<script>
浏览 15提问于2022-01-26得票数 0
回答已采纳
1回答
更改断点大小
、、
我正在寻找Vuetify断点的变化，原貌如下：
超小型xs小型至大型电话<600 xs
中小片600 sm ><960 sm
中型md大平板电脑960 to ><1264 to*
大型lg桌面1264 lg>< 1904px*
超大型XL4k和超宽> 1904px*
我需要把大Lg桌面换成1366，怎么做呢？这应该允许我对像这个$vuetify.breakpoint.这样的断点使用vuetify类。
{
// Breakpoints
xs: boolean
sm: boolean
md: boolean
lg: bo
浏览 0提问于2020-12-12得票数 0
我正在构建一个名为vue-scan-field的vue插件。在之前的版本(0.1.2)中，该插件只支持vuetify。现在我还想把quasar添加到这个插件中。因此，我决定对组件使用动态导入。例如，quasar文件如下所示：
export default {
components: {
scan_text_field: () => import('quasar/src/components/input/QInput'),
scan_textarea: () => import('quasar/src/components/input/QI
浏览 5提问于2021-05-07得票数 0
我正面临一个问题，在武帝的图标没有正确显示，例如，下面是。我已经在这个问题上尝试过的解决方案，但它们对我不起作用。您可以在下面看到雪佛龙向下图标显示为$vuetify.icons.expand。我试过导入@mdi/字体，这对我没有任何帮助.下面是我使用的代码：
import Vue from 'vue'
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css'
// import 'material-design-icons-iconfont/dist/mat
浏览 3提问于2019-10-01得票数 3
回答已采纳
2回答
我只想在手机上添加一个类。在使用vuetify之前，我已经这样做了，但是使用vue似乎更困难：
代码：
<div class="{'mobileSnackBar': breakpoint.xs}">
<p> This is my snackbar </p>
</div>
在vuetify中，您有$vuetify.breakpoint.xs，但是，我如何获得类似的引导效果呢？或者请推荐另一种选择。
浏览 0提问于2018-11-18得票数 4
回答已采纳
2回答
我正在使用scss文件，我想在vuetify v2中更改css端的断点。
我找不到任何参考在vuetify升级指南这一点。
在1.5版中，我做了风格-x.styl：
$grid-breakpoints := {
xs: 0
sm: 476px
md: 668px
lg: 1000px
xl: 1300px
}
@import '~vuetify/src/styles/styles.sass';
$material-light.background = #f5f5f5;
@import '~vuetify/src/stylus/main';
浏览 1提问于2019-08-02得票数 9
回答已采纳
我是vue和vuetify的初学者。我正在试着在vue和vuetify上做第一个申请。我想在vuetify中自定义数据表。它有行'no- data‘默认值(文本为'No data available')。我想隐藏这一行，但是数据表没有' hide - no - data‘这样的选项。
浏览 5提问于2018-09-19得票数 14
我正在升级到新的vuetify 2.0，我注意到汉堡包图标没有显示在应用程序栏上。
在使用相同代码的示例中，它确实显示了。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalab
浏览 0提问于2019-07-25得票数 1
回答已采纳
我使用的是Nuxt.js + Vuetify.js项目
查看我们拥有的文件assets/style/app.styl
// Import and define Vuetify color theme
// https://vuetifyjs.com/en/style/colors
@require '~vuetify/src/stylus/settings/_colors'
$theme := {
primary: $blue.darken-2
accent: $blue.accent-2
secondary: $grey.lighten-1
浏览 2提问于2019-05-10得票数 10
我已经挣扎了几个小时，试图在我的laravel项目中安装Vuetify，但我无法让它正常工作，Vuetify组件运行良好，但图标和断点不是，我尝试了所有方法，现在我有点厌倦了，我希望有人能帮助我…
根据证明文档，我在我的app.js中写下了这段代码
require('./bootstrap');
import Vue from 'vue';
import Vuex from 'vuex';
import router from './router'
import vuetify from './plugins/vuet
浏览 4提问于2019-09-22得票数 3
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
回答已采纳
1回答
样式化Vuetify选择器
、、、、
选择器的Vuetify组件是：
<v-select
:items="items"
label="Standard"
></v-select>
但当选择器处于活动状态时，会出现许多嵌套组件(在检查时)，例如，下拉菜单本身menu__content。我该如何设计它的样式呢？对于“可见”的Vuetify组件v-select，我可以手动添加一个类，并直接在css中设置它的样式。但是，我不能对隐藏的组件执行此操作。
我尝试使用检查给定的类".menu__content“设置样式，但似乎不起作用：。
如何在css中手动设置这些组件的样式？关于
浏览 7提问于2018-08-07得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
