我有一个用vue制作的页面，使用vuetify。它显示一个v数据表，该表可以展开以显示另一个v数据表，如下所示：
<div class="subsection">
<v-data-table
:headers="prescriptionHeaders"
:items="pendingItems"
show-expand
item-key="id"
>
<tem
浏览 8提问于2021-07-28得票数 1
1回答
我目前遵循vuetify SPA的例子，v视差whic还没有完全准备好vue-cli v3。当前结构在顶部显示v-工具栏，使用v导航-提取器，然后v-内容显示不同的视图.
App.vue
<template>
<v-app light>
<div id="app">
<v-navigation-drawer absolute class="hidden-sm-and-up" v-model="sideNav">
<
浏览 0提问于2018-04-17得票数 3
回答已采纳
2回答
我在Nuxt项目中使用，当我切换到生产模式(Nuxt)时，evrything在开发模式(Npm)中是可以的；表单没有加载，没有出现错误或警告。
我的nuxt.config.js文件是：
import colors from 'vuetify/es5/util/colors'
export default {
ssr: false,
head: {
titleTemplate: '%s - nuxt-form-sample',
title: 'nuxt-form-sample',
htmlAttrs: {
浏览 1提问于2021-06-13得票数 1
回答已采纳
在vuetify表中，我不想显示一些标题和相应的列。相反，我希望它们显示在扩展项插槽中的表中。表中的项目完全是用户可编辑的。这一切都运行得很好。 问题是，在扩展项插槽中，不仅显示所选项的属性，而且还显示所有项的属性。 在vue-dev-tools中，它显示正确。我想我在这里遗漏了一些根本上简单的东西。有谁有什么想法吗？ 提前感谢 下面是沙箱的链接：v-data-table in expanded-item slot of v-data-table, user editable
浏览 23提问于2020-03-26得票数 0
回答已采纳
1回答
我在我的Laravel项目中安装了Vuetify，但是没有一个v- classes可以工作。不过，控制台中没有错误。下面是app.js文件：
require('./bootstrap');
window.Vue = require('vue');
import Vuetify from 'vuetify'
Vue.use(Vuetify);
Vue.component('container-component', require('./components/ContainerComponent.vue').
浏览 16提问于2019-11-27得票数 0
回答已采纳
我正在尝试将一个Vue2+Vuetify应用程序从Vue-CLI/Webpack迁移到Vite。该应用程序有两个SCSS文件，main.scss和variables.scss，后者由前者导入。
main.scss
@import 'variables';
// global style rules (omitted)
variables.scss
// override some Vuetify variables and define some variables of my own, e.g.
// Vuetify default is 48px
$data-table-m
浏览 14提问于2022-01-10得票数 6
回答已采纳
我是个新手，在Vuetify的Vue.js上工作。这里我使用v- data -table组件来显示表数据。有没有一个选项，当用户用鼠标悬停在表格上时，他可以看到表格中的按钮？或者如果我选择了行隐藏显示按钮上的行值。如果我选择多个，那么我们需要在表头部分显示按钮(如表头标题，禁用显示按钮)。我分享了这样的图片。在此处输入图像描述 ? enter image description here]2
浏览 62提问于2019-10-07得票数 3
我正在尝试为我的vuetify数据表中的每一列配置一个下拉过滤器。似乎vuetify自动完成组件具有我想要的功能，但是我不确定如何从自动完成组件获取值来过滤数据表。这就是我所拥有的：
<template>
<v-card>
<v-card-title>
{{gridTitle}}
<v-spacer></v-spacer>
</v-card-title>
<v-data-table
v-model="selected"
:he
浏览 15提问于2020-06-05得票数 0
回答已采纳
我已经使用vuetify数据表组件定义了如下表格。我在这里面临的问题是，我不能弄清楚如何才能使表格的第一行加粗。第一个以粗体显示的项记录。请帮助寻找解决方案。我使用的是vuetify 1.0.5。 <v-data-table>
:headers="headers"
:items="agents"
hide-actions
class="agent-table"
>
<template slot="items" slot-scope="props"
浏览 65提问于2020-06-30得票数 1
--在本例中，我有三个带有标记的类别，其中一个是：" all“--包含来自其他类别的所有标记，因此我想在类别之间同步选择标记。
new Vue({
el: '#app',
vuetify: new Vuetify(),
data: () => ({
selectedTagsOrder:[],
panel: 0,})
});
浏览 1提问于2020-08-24得票数 2
1回答
为了增加vuetify的v-开关的宽度，我想修改vuetify的scss变量的值。
vuetify是通过vue-cli配置的，所开发的代码如下所示。
// src/assets/css/overrides.scss
$font-size-root: 24px;
$switch-width: 400px;
$switch-track-width: 400px;
// vue.config.js
module.exports = {
transpileDependencies: ['vuetify'],
configureWebpack: {
devtool: &#
浏览 0提问于2020-09-14得票数 10
回答已采纳
1回答
例如vue.min.js，我尝试在build.rollupOptions中将vue放在外部，然后导入
//vite.config.js
rollupOptions: {
external: ['vue', 'vuetify']
}
// index.html
<script src="/lib/vue.min.js"></script>
<script src="/lib/vuetify.min.js"></script>
并下载vue.min.js和
浏览 46提问于2021-07-23得票数 0
嗨，我要在我的项目中使用，但是有两个问题。首先，我有一个status列，在我的数据中，它是从0到5的数字。但是在表上，我想显示相关的文本。例如，2的意思是success。我如何才能像在vutify中那样，将整个数据作为items支柱来获取。如何将状态代码更改为文本？另外，对于分页部分，我有自己的分页逻辑，就像laravel一样，我为每一页发送请求。有没有任何方法使用它与我的分页，或者我应该隐藏它，并为它编写我自己的ui？另外，如果我可以使用它的分页，如何更改分页的文本(Rows per page:和1-2 of 2 )？
注:我上的是Nuxt 2.13和Vuetify 2.3.9
<te
浏览 2提问于2020-09-05得票数 0
回答已采纳
什么是正确的方式，加载到一个包，我使用的vuetify项目？在为项目服务时，一切看起来都很好，但当我构建项目时，css/sass遇到了一些问题
我尝试过的事情：
css加载器: css加载了两次，所以我不能覆盖sass variablesWithout vuetify加载程序:包没有vuetify css，所以它看起来像horribleWithout vuetify加载器和vuetify.min.css: css加载了两次，所以我不能覆盖sass变量，而加载的css都是css，所以它是巨大的css。
我的包名为vuetify resource，这是index.js的源代码(没有vuetify加
浏览 3提问于2020-05-12得票数 1
回答已采纳
我需要添加Vuetify Data Table到我现有的Vuejs项目。因此，当我们添加vue add vuetify时，它是全局安装的。请帮帮我怎么做？ 谢谢
浏览 8提问于2021-05-07得票数 1
1回答
我正在尝试设置我的按钮，但我不想每次设置的背景颜色和按钮的风格，或与任何其他的认证组件。什么是最好的做法，为组件设置全球风格，如按钮，芯片，化身等。我现在可以为它创建自己的组件，但是没有理由使用vuetify。我有一个nuxt项目，但同样适用于vue。
浏览 0提问于2020-05-20得票数 1
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
1回答
我正在使用Vuetify 1.0.14创建我的应用程序。但是，当我加载页面时，我收到了以下错误消息：
vuetify.js?dc48:19429 [Vuetify] v-model has been deprecated
found in
---> <VExpansionPanelContent>
这些是此警告消息所指的代码行：
<v-expansion-panel>
<v-expansion-panel-content key="annotations" :value="s
浏览 1提问于2018-08-13得票数 1
回答已采纳
1回答
什么是最简单的方式来突出显示某一列中的Vuetify数据表(v-数据表组件)中的某些值。
例如，在这里的第一个例子中：
如何自动在大卡列中以粗体和红色标出大于300的值？
浏览 0提问于2019-08-27得票数 4
回答已采纳
我使用v-日历在vuetify v.2.4.2中。表示，鉴于隐藏事件的数量(默认为字符串'$vuetify.calendar.moreEvents')，“事件-更多的文本”是要显示在“更多”按钮中的文本。如果3个事件隐藏在‘月份’视图中，则呈现的文本默认为3多。如果我将“事件-更多的文本”设置为字符串“事件隐藏”，则呈现的文本是没有前导数字(3)的事件隐藏。如何更改默认行为，以使文本3事件隐藏的被呈现？如何获得特定日期的隐藏事件数？
浏览 6提问于2021-01-09得票数 1
回答已采纳
我正在为Vuetify v-自动包装器组件编写一个测试，该组件检查模糊上显示的错误消息。但是，错误输出显示输入select仍然处于打开状态，基本元素具有focus类。我不知道我做错了什么。测试代码看起来如下：
it('should display error if field is empty', async () => {
const { queryByLabelText, queryByText } = renderWithVuetify(MyComponent);
await fireEvent.click(queryByLabelText(
浏览 7提问于2022-02-17得票数 0
回答已采纳
我有一个包含v- data -table组件(vuetify)的文件，另一个包含我的数据的文件。我想在v- data -table中显示数据，我正在尝试找到一个解决方案。我不想合并这些文件，我想把它放在两个单独的文件中。 我的代码： Mytable.vue <template>
<v-data-table
:headers="headers"
:items="desserts"
hide-default-header
hide-default-footer
class="elevation-
浏览 18提问于2020-11-03得票数 1
回答已采纳
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import {Vuetify} from 'vuetify';
import { store } from './store/store';
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstr
浏览 6提问于2020-11-17得票数 0
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
回答已采纳
如果我有一个表单，我可以使用下面的代码禁用/启用该表单上的submit按钮。
但是，如果我有多种形式，我该如何实现这一点呢？Vuetify有这个选项，还是我应该自己编写一些代码来实现呢？
HTML部件
<v-form v-model="isFormValid">
<!-- all input elements go here -->
</v-form>
<!-- disable if form is not valid -->
<v-btn :disabled="!isFormValid">Ad
浏览 5提问于2021-12-13得票数 0
2回答
我刚刚创建了一个完整的日历与vuetify使用基于documentation的v-日历，但我有麻烦禁用日期。例如：“我想禁用所有的星期天。”有什么想法吗？谢谢你。
浏览 200提问于2020-07-29得票数 0
我在我的项目中使用了一个Vuetify.js，当我使用v-对话框组件时，我遇到了一个问题，就是关闭v-对话框并再次打开。
这是我的密码。
<div @click="dialog=true">click here</div>
<v-dialog v-model="dialog">
<alert-popup />
</v-dialog>
data() {
return {
dialog : false
}
这是我第一次打开对话框时的工作，但当我再次打开时，只能看到不透明的黑色页面，我不知道
浏览 1提问于2020-07-29得票数 4
1回答
因此，我从vuetify 1.5升级到最新版本(2.1xx)，并被困在了几个地方。我有一个数据表，其中我想要一个“选择所有”复选框中的标题。我用"show-select“属性添加了它，我看到的是，当选中复选框时，实际上将所有的项都放在”选定的“v-模型中。
我的问题是，我想要一个项目道具模板来自定义行的外观，而我绑定到"props.selected“的复选框似乎不起作用。如果我选中任何行上的复选框，该项目将不会添加到我的“所选”v-型号中。
只有当我完全不使用模板时，我才能让它使用自动生成的复选框，但这不足以满足我当前的需求。在vuetify 1.5中，我让它工作了，但我不知道
浏览 4提问于2019-11-30得票数 3
1回答
大家好，我是新的代码点火器和使用AJAX。所以我想问一个简单的问题
我希望在ajax中将数据从参数解析为模型。
因此，当我打开页面时，数据表将显示我在模型中生成的查询中的表。
这是我的代码片段：
视图
<?php
//echo form_open('redo/edit_simpan');
//echo form_open('person/insert_detail');
foreach ($data->result() as $v) {
$id = $v->id_request;
浏览 2提问于2017-02-02得票数 0
2回答
我正在尝试创建一个组件，在页面加载时，执行对后端的请求，接收一些数据，并在vuetify datatable上显示这些数据。我设法得到了数据，但我的表没有显示出来，因为它只是空的。
以下是组件：
<template>
<v-simple-table dark>
<template v-slot:default>
<thead>
<tr>
<th class="text-left">
Asset
</
浏览 9提问于2020-12-21得票数 0
回答已采纳
3回答
我正在查看CRUD操作的vuetify表示例。这里有一个代码库：
我添加了一个环绕表和另一个组件的父表单。它验证表有超过0行，并在用户单击“继续”按钮之前验证其他组件。
在提供的代码页中，当用户单击“New”按钮(位于表的右上角)时，我希望在用户将数据“保存”到表之前验证弹出的字段。如何做到这一点？我尝试过将v-对话框包装在一个与父表单不同的v-表单中，但是我无法让它工作，而且我也不确定嵌套表单是否可行。有什么建议吗？
因为这需要在提供代码链接时发布代码，下面是一个小片段。
<v-data-table
:headers="headers"
:items="
浏览 8提问于2019-10-02得票数 2
回答已采纳
1回答
我有json返回值，如下所示： "registration_date"："2015-08-31T17:00:00.000Z"， 下面是我已经基于这个(stackoverflow)链接尝试过的代码： How to format Vuetify data table date column? <td class="text-left">{{ new Date(form.registration_date).toLocaleDateString() }}</td> 但它会在屏幕上显示“无效日期”， 我想将日期格式设置为: 31
浏览 32提问于2019-12-16得票数 0
回答已采纳
我从1.5升级到Vuetify 2。一切都进行得很顺利，除了一件事。我有一个带有v数据表的父组件，我希望传递数据，并使用子组件展开每一行。
ScanGrid(父组件)：
<template>
<v-container>
<v-card>
<v-card-text>
<v-layout row align-center>
<v-data-table
:headers="headers"
:items="
浏览 1提问于2019-10-23得票数 1
回答已采纳
我尝试用插槽自定义vuetify数据表头。我禁用了默认的标头，并使用v-slot:header创建了一个新的头。问题是，如果我创建了新的标头，就没有支持toggleSelectAll功能的复选框。代码在下面。
<template
v-slot:header="{ props: { headers } }"
>
<thead>
<tr>
<th v-for="header in headers" :key="header.value">
<v-simp
浏览 7提问于2020-09-30得票数 1
回答已采纳
1回答
在v-data-table的body部分中，Vuetify放置项目，它将所有行包装在tbody标记中。我的槽模板由多行组成，我需要对所有行进行分组，以便应用过渡或其他效果。
如何让v-data-table停止将body包装在tbody标签中，从而产生嵌套的tbody标签？
<v-data-table
ref="dataTable"
:headers="headers"
fixed-header
:height="height"
:items="invoices"
item-
浏览 4提问于2020-05-06得票数 1
1回答
我正在试着在点击按钮上对简单的vuetify表上的卡路里列进行排序。下面是我正在尝试的代码，但它并没有像预期的那样工作。 new Vue({
el: '#app',
vuetify: new Vuetify(),
data () {
return {
desserts: [
{
name: 'Frozen Yogurt',
calories: 159,
},
{
name: 'Ice cream sandwic
浏览 16提问于2020-10-21得票数 1
回答已采纳
1回答
我使用vue 2和vuetify 2，在显示表中的数据时出现了问题。当我在v-工具提示标签之间添加花括号时，我得到了空白页。下面的代码示例。
<v-row class="pa-2" v-for="item in workerList" :key="item">
<v-col
cols="1"
md="1"
class="d-flex justify-c
浏览 3提问于2022-09-20得票数 0
回答已采纳
2回答
我有两个Javascript文件。
bootstrap.js：
import Vuetify from 'vuetify';
Vue.use(Vuetify);
app.js：
require('bootstrap');
var app = new Vue({
el: '#app',
vuetify: new Vuetify(),
data: () => ({
})
});
当我在vuetify文件中导入bootstrap.js，然后在接收错误中要求bootstrap.js到app.js时：
未定义V
浏览 0提问于2020-09-19得票数 0
回答已采纳
1回答
上下文：
目前，我正在开发一个复杂的应用程序，该应用程序使用vuetify()扩展面板，在其中我需要绑定/突出显示展开面板所基于的画布。(在下面的演示中，我用v芯片而不是画布重新创建了同样的问题)。
为了实现上述目标，我将遵循以下步骤。
S1:在v模型上计算的给出了扩展/用户扩展面板索引。
S2:将索引与项索引匹配，并突出显示元素。
需要注意的几件事：
1.不能使用项索引作为扩展面板的键，因为它会降低性能，重新呈现整个扩展面板组件。
2.不能为面板v-模型使用布尔数组，因为我需要索引来突出显示右v-芯片。
问题：
当我试图向扩展面板使用的items数组中添加/推送一个新元素时，画布/v芯片出现
浏览 3提问于2021-03-01得票数 3
回答已采纳
4回答
我到处寻找，试图解决这个问题，但没有找到任何解决办法。有任何方法可以从v-steppper-header？- Vuetify版本中删除数字: 1.5.6
当前：
删减：
浏览 0提问于2019-08-01得票数 4
回答已采纳
我试图通过以下文章使用vue-draggable和Vuetify v-data表：
它说：“主要目标是将表体设置为可拖放的组件，这是不可能的，因为Vuetify使用模板作为呈现项的槽。”
在那之后，那家伙找到了一个解决办法，用可排序的JS。我试过了，但没有用。
出现此错误: Sortable: el必须是HTMLElement，而不是对象函数。
人们说可排序的JS不是为Vue JS 2工作..。
我该怎么做？
如果你有解决办法，请告诉我:)
我的代码：
<v-data-table :headers="headers" :items="sl
浏览 7提问于2020-04-07得票数 3
1回答
我的VueJS和Vuetify项目有问题。我想要创建一个具有可扩展行的表。这将是一个订单表，有可能看到为每一个购买的产品。对于一个页面，它应该显示至少100行订单。为此，我使用了Vuetify框架中的<v-data-table>。
有什么问题吗？
在准备好一切之后，我意识到它可以工作，但是对于每一行的扩展，我必须等待几秒钟(这太长了--它必须是一个快速的系统)。对于展开所有可见记录，需要等待超过20秒，整个页面滞后。
我试过什么？
我从标准<v-data-table>开始，用一个show-expand道具和一个expanded-item插槽--这是我第一次尝试--是
浏览 1提问于2020-04-27得票数 0
回答已采纳
1回答
我有一个数据表，我想在单击它时创建一个类似于dash bootstrap Modal的弹出窗口： 因此，当我单击单元格时，我尝试通过调用一个空的Modal来更新datatable： import dash_table
import os
import pandas as pd
from dash.dependencies import Input, Output, State
import dash_html_components as html
import dash_bootstrap_components as dbc
from ..server import app
PROJEC
浏览 0提问于2020-04-04得票数 2
1回答
如何在旋转木马上放置搜索栏？
、、、、
正如标题所述，我希望在旋转木马上设置一个搜索栏功能，并且我正在尝试使用<v-autocomplete>和v-carousel>来实现这一点。
通过使用官方Vuetify 中的代码片段，我成功地获得了以下内容：
<template>
<v-layout
justify-center
app
>
<v-flex
xs12
sm6
>
<v-container
浏览 0提问于2019-03-03得票数 0
回答已采纳
1回答
如何向提示编辑器添加文本对齐？
、、、、
我在nuxt中使用了tiptap编辑器。
但是它没有text-align属性！
我的组件编辑器：
<template>
<tiptap-vuetify
:value="value"
:extensions="extensions"
class="Editor"
min-height="350"
@input="$emit('input', arguments[0])"
>
</tipta
浏览 0提问于2020-12-21得票数 2
1回答
我不知道这里发生了什么，但似乎我不能动态地改变我的v扩展面板的活动类支柱的类。
我试图根据模型状态(单击按钮改变)在绿色和红色之间进行更改，但即使模型改变了v扩展面板，也不会选择新的活动类。
可能在这里做错了什么，但我想不出来。
new Vue({
el: '#app',
vuetify: new Vuetify(),
data () {
return {
edited: false,
}
},
computed: {
activeClass() {
return this.edited ? 'ac
浏览 3提问于2021-12-25得票数 1
回答已采纳
当v-文本字段被更改时不更新值。即使在$forceUpdate()和使用$set时
我尝试过在没有$forceUpdate和$set的情况下使用它，但是即使使用这两种方法，它也不起作用。
例如，做什么工作而不使用 vuetify：
不工作的示例--工作--与 Vuetify：
此javascript可在两个示例中使用。
new Vue({
el: "#app",
data: () => ({
todos: ['']
}),
methods: {
setText(index, todo){
if (todo.t
浏览 0提问于2019-06-28得票数 1
4回答
在Laravel+Vue项目中，我试图使用axios来获得API响应。Axios调用Laravel端点并获得控制器响应。
代码看起来
JS
require("./bootstrap");
import Swal from "sweetalert2";
import VueI18n from "vue-i18n";
import VueRouter from "vue-router";
import axios from "axios";
import Vuetify from "vuetify"
浏览 3提问于2020-03-20得票数 0
在运行下面配置的示例应用程序时，我会遇到以下问题。
package.json
> "vue": "^3.0.0",
> "vue-textarea-autosize": "^1.1.1",
> "vuetify":"^3.0.0-alpha.0"
Main.js
import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugin
浏览 17提问于2022-01-15得票数 0
回答已采纳
我正在使用复制table_name从STDIN导入数据。这是非常有效的，但如果有任何违反重复的密钥，整个过程将被停止。不管怎么说，这件事有什么用吗？
为什么postgresql不只是发出警告并复制其余的数据呢？
下面是一个例子：
select * from "Demo1";
Id | Name | Age
---+-------+-----
1 | abc | 20
2 | def | 22
COPY "Demo1" from STDIN;
Enter data to be copied followed by a newlin
浏览 0提问于2016-02-03得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
