在下面的代码中，testMethod在页面加载时自动调用(无需用户单击名称链接)。您能帮我一下，如何防止自动导航吗？ <v-data-table
:items="testData"
>
<template v-slot:item.name={"item"}>
<a href="testMethod">
{item.name}
</a>
</template>
</v-data-table>
<script>
methods: {
testMethod(i
浏览 32提问于2020-12-21得票数 0
1回答
我正在使用v-data-table，并且我希望在选择一行时获得行Id。 这是我的代码 <v-data-table
item-key="id"
v-model="selected"
show-select
:headers="headers"
:items="users">
</v-data-table> 当我选择一行时，它会给我一些提示： [
{id:2 , name:"kevin" , a
浏览 15提问于2021-10-17得票数 1
我使用一个v-data-table构建了下面的数据输入表单，每个列都包含一个v-form和v-text-field，以便可以在表单中直接更新值。我想验证加载的页面上的每个字段，以表明任何地方，以前输入的数据是不正确的。我在加载时验证所有字段时遇到了问题。我尝试为每个表单列添加一个ref，并在mounted()函数中调用validate()函数，但这只验证了页面加载时的第一行。我还尝试了几种在表单加载事件中验证表单的变体(例如v-form @load="this.validate()")。如何修改代码以在页面加载时验证整个数据表？
表格
代码
模板
<v-card
浏览 14提问于2019-11-22得票数 0
回答已采纳
我是Vue的新手，我在处理数据。我正在使用Vuetify的数据表创建一个组件，该组件在页面加载时向我的后端发送请求，接收一些数据并在datatable上显示该数据。
这是我目前的代码：
<template>
<v-data-table
:headers="headers"
:items="balances"
:items-per-page="5"
class="elevation-1"
></v-data-table>
</template>
浏览 3提问于2020-12-26得票数 2
回答已采纳
3回答
我正在使用VueJS和Vuetify。
在vuetify的v数据表UI组件中，我想保存当前用户的当前页面.例如，如果用户在10的第3页上，并且他重新加载页面，它将自动返回到10的第3页。当前的功能是当用户重新加载时，它返回到10页的第1页。
footerOptions: {
showFirstLastPage: true,
showCurrentPage: true,
itemsPerPageOptions: [20, 50, 100],
itemsPerPageText: 'Data per Page',
},
getPagination
浏览 37提问于2022-08-30得票数 3
注意：最初的答案是Vuetify 1.5.7，但是在主要版本中API被更改了。
对于Vuetify 1.X，请使用。
对于，Vuetify，2.x，，使用或。
我有一个带有DataTable组件(Vutification1.5.7)的页面，并使用默认组件的分页。我使用“每页行”属性设置了“每页行”选择值。
现在，我希望在进入页面时，从这个行/页项数组(，而不仅仅是第一个！)中设置初始值。
有可能吗?我该怎么做？
表的示例代码如下所示：
<v-data-table
:headers="headers"
:items="
浏览 2提问于2019-03-29得票数 16
回答已采纳
2回答
我有一个v数据表，第一列中的元素是一些真值和虚值。通过单击标题中的“sortable”图标，我在列中对这些元素进行排序。我想在打开页面时，首先对“true”值进行排序。我该怎么处理呢？
headers: [
{
text: '',
sortable: true,
value: 'status',
}]
Html：
<v-data-table
:pagination.sync="pagination"
:headers="headers"
:items="items"
&g
浏览 10提问于2022-02-02得票数 1
1回答
数据表显示总页数
、、
早上好，我正在使用v-data表在我的项目中创建带有分页的表。所有的工作都是正确的，我只是尝试增加总页数的分页。我现在拥有的是：
<v-data-table
:headers="headers"
:items="filteredList"
:items-per-page="7"
no-data-text="No results"
:footer-props="{
浏览 5提问于2022-01-25得票数 0
我有一个带有veutify datatable的组件。它连接到我的vuex存储，在加载组件时，它应该用数据填充表。
在加载时，我可以看到数据被获取并正常进入存储区，但表没有更新。你知道我做错了什么吗？
表-组件：
<template>
<v-data-table :items="listOfUsers" hide-actions class="elevation-1">
<template slot="items" slot-scope="props">
<td&g
浏览 3提问于2018-02-27得票数 1
我正在构建一个带有vue和firebase的SPA，其中一个视图是datatable，它在下拉列表中对数据进行了筛选。
数据加载非常慢，所以我想要的是在返回所有筛选器选项的查询解决之前，v-select填充一个默认值(这是一个过滤器id和名称)。
我尝试过几种方法，但我不明白为什么这个方法不起作用。，什么是正确的方法？
注意:当id驱动用于数据过滤的逻辑时，筛选值必须同时具有名称和id。
<template>
<v-select
:items="items"
v-model="currentItem"
浏览 1提问于2020-08-26得票数 0
回答已采纳
我似乎不能让默认排序起作用。对于中的参数custom-sort，我所能看到的就是它是一个“用于对项进行排序的函数”，但我不知道是以什么方式实现的。我可以想象很多人。是否调用它进行初始排序？它似乎返回一个条目列表，但是当我尝试创建一个条目列表时，我得到一个错误，显示为this.customSort is not a function。
<template>
<v-data-table
:headers="headers"
:items="reports"
hide-default-footer>
<
浏览 37提问于2020-03-07得票数 6
回答已采纳
1回答
Vuex更新数组作为对象的值
、、、、
在Vuex存储中，我遇到了在稍微嵌套的数据结构中更新数据的问题。
我的整个项目比下面的要复杂一些，但是我现在遇到的问题是简化和设置的，以便每个项目页面都有一个包含表可见性的登陆页面，以及单独的表组件，其中有一个Vuetify v-data-table元素，它只是将标题和项作为道具并显示出来。它可以形象化如下：
- Project Page
|- Landing page
|- Table Visibility
|- Table Component
|- v-data-table
一种思考方法是:对于每种动物(项目页面)，有三种不同的品种/类型，每种都有不
浏览 2提问于2019-02-22得票数 0
回答已采纳
如何添加"“以使表在加载时显示最后一页。项目的数量是可变的。我应该做items.lenght/items-per-page还是有更好的方法？
<v-data-table
:headers="headers"
:items="items"
:search="search"
multi-sort
must-sort
:sort-by="[&
浏览 3提问于2021-04-14得票数 1
回答已采纳
下面的截图是中的一个例子
它的代码是：
<template>
<v-data-table
:headers="headers"
:items="desserts"
:items-per-page="5"
class="elevation-1"
></v-data-table>
</template>
我想知道如何在每一行中添加一个<v-btn>以导航到另一个组件？
例如，在每一行中添加一个包含名为"view“的按钮的列，然
浏览 2提问于2020-04-29得票数 0
回答已采纳
我正在使用vuetify数据表，我在页面上有3个数据表，所有的表都会根据页面上最大的表改变它们的大小，但我不想要这个功能。我希望他们应该捕获他们需要的大小，而不是根据最大的一个来扩展表的大小。有人知道为什么会有这种行为吗？下面是我的代码结构：
<tamplate>
<div align="center" style="width: 100%;">
<v-container grid-list-md fluid>
<v-layout row wrap>
<v
浏览 0提问于2018-04-12得票数 0
当用户更改rowsPerPage属性时，我很难弄清楚如何将vuetify pagination.page属性改回1。
假设一个结果集中共有23行，rowsPerPage当前设置为10。如果用户转到第三个(最后)页面，然后选择50个页面，vue将调用我的ajax查询从后端服务器获取新数据，但它将rowsPerPage作为50传递，并将页面作为3传递。
由于这会导致sql偏移量属性为100，这比表中的23条记录要多得多，因此它不返回数据，因此屏幕重新呈现时没有记录。
我想要做的是，当rowsPerPage属性更改时，将页面属性重置为1。
我用谷歌搜索了一大堆，但还是找不到答案。我是否试图以错误的方
浏览 23提问于2018-11-17得票数 1
我有一个v-data-table绑定到一个search道具，还有一个带有clearable集合的v-text-field。当我用clearable图标-按钮清除文本字段时，v-text-field将search支柱设置为null，导致计算的螺旋桨出现错误，原因如下：
无法读取属性toLowerCase() of null
当单击search图标时，如何将null支柱设置为空字符串而不是null？
MyComponent.vue：
<template>
<div>
<v-text-field solo hide-details single-li
浏览 0提问于2019-09-09得票数 5
1回答
我有这个v-data-table，其中一个显示来自api请求的结果，也允许我编辑它们，在文本字段中它正确地设置信息，但问题是它没有在自动完成选择中设置信息：
<v-data-table
:headers="cabeceras"
:items="tablaRepuestos"
sort-by="Repuesto"
class="elevation-1"
no-results-text="No se encontraron resultados"
no-data-t
浏览 3提问于2022-07-21得票数 0
回答已采纳
表：
<v-card :dark="true">
<v-card-title>
<v-btn color="indigo" dark @click="initialize"><v-icon dark>refresh</v-icon></v-btn>
<v-spacer></v-spacer>
<v-text-field append-icon="search" label
浏览 2提问于2018-05-11得票数 17
回答已采纳
我在我的应用程序中使用v-data-table，现在在点击时传递道具有问题。 我可以用额外的插槽来支撑。但我想要单击整行，以便使用prop item打开对话框 <template v-slot:item.actions="{ item }">
<div><v-icon small class="mr-2" @click="openInDialog(item)"> mdi-arrow-right </v-icon></div>
</template> 下面的代码仅用于
浏览 23提问于2021-08-09得票数 0
回答已采纳
我有一个小的姜戈项目和前端是通过CDN的Vue.js编码。所以它只有一台服务器用于django。并将vue放入django模板中。
DRF是web apis的来源。
Django 2.2.10，DRF 3.11.0和vue从CDN获得最新版本。
Vuetify (同样来自CDN)提供了带有v-app-bar、v-navigation-drawer和v-footer的具体UI设计。
另外，Vuetify的v-data-table用于两个数据集。(国家/地区及其城市)
我可以显示页面第一次响应时的数据。
但是，当按一下按钮关闭抽屉时，或者当v- data -table的“每页行数”发生变化时，数据
浏览 10提问于2020-03-04得票数 1
回答已采纳
3回答
我如何在页面加载之前显示reCAPTCHA，就像当用户访问页面时显示reCAPTCHA一样，当用户需要填写reCAPTCHA时，如果他们成功填写了reCAPTCHA，它将加载页面内容。
浏览 0提问于2017-04-06得票数 0
1回答
我有一个v-virtual-scroll嵌套在一个v-data表中，如下所示： <v-data-table :items="itemsArray1">
(...)
<v-virtual-scroll :items="itemsArray2">
(...)
{{item.id}} this is the item id from itemsArray2 element
</v-virtual-scroll>
</v-data-table> 两者都有自己的“项目
浏览 12提问于2021-07-17得票数 1
我有一个像这样的v数据表
// template
<v-data-table
:headers="headers"
:items="visitors"
:search="search"
item-key="name"
class="elevation-1"
@click:row="(item) => clickRow(item.caseId)"
>
</v-data-t
浏览 6提问于2022-04-13得票数 2
回答已采纳
当我注销并在浏览器中按后退按钮时，页面加载，其中的链接也弹出到新页面。ajax也会调用，比如点击按钮，发出ajax请求，响应包含登录页面的html。但是，该页面不会重定向到登录页面。
我的问题是如何防止在新窗口中弹出链接，以及如何在进行ajax调用时重定向到登录页面？
但是，当我点击刷新按钮时，登录页面被加载。
浏览 1提问于2012-04-23得票数 0
3回答
我使用angular.js来开发我的SPA网站。
现在我的网站依赖于ASP.NET MVC。
只有一个.cshtml文件(主页)，其他文件都是.html文件。
当我打开我的站点时，HomeController的索引操作将返回主页视图，而Bundle在.NET中将缩小主页中的所有js和css文件。因此，当我通过.html切换angular.js页面时，我不需要重新加载js或css，因为所有.html都是通过ng视图切换的，而homepage.cshtml就像一个母版页面。
现在我想删除.NET并成为纯粹的前端项目，然后我可以在其他web服务器上开发我的站点。
我可以用直接调用API取代ASP.N
浏览 1提问于2013-12-05得票数 0
当组标题折叠时，Vuetify数据表组似乎不能正确处理分页。如果你想折叠所有的组头，你必须翻页，直到你到达下一个组头。
<v-data-table
:headers="headers"
:items="stocks"
item-key="name"
sort-by="name"
group-by="sector"
class="elevation-1"
></v-data-table>
在折叠第
浏览 1提问于2020-08-25得票数 2
我想在v-data-table中显示一行的缩略图。
这是我的json数据：
"images": {
"thumbnail": {
"url": "post1.jpg"
},
"original": {
"url": "post1.jpg"
}
}
我试着像这样显示图像：
<v-data-table :he
浏览 1提问于2020-09-05得票数 0
1回答
在IIS中，身份验证设置为Windows。
2个问题：
有什么方法可以在弹出身份验证窗口加载页面和
有什么方法可以让他们每次访问页面时都需要登录吗？
谢谢。
浏览 0提问于2014-08-26得票数 1
回答已采纳
1回答
我试图用axios调用填充datatable。但是，我无法在我的站点上实际看到表中的数据。如果我检查表，我可以看到数据确实在那里，但对最终用户来说是不可见的。对我做错了什么有什么想法吗？
组件
<template>
<v-data-table
:items="posts"
:items-per-page="5"
item-key="post_id"
hide-defau
浏览 4提问于2020-08-13得票数 1
回答已采纳
1回答
我是植物学和nuxt.js专业的新手。
我正在从数据库中获取数据，但我想在虚拟表中显示这一点。
Laravel控制器
public function businesslist() {
$businesslist = Business::paginate(2)->toJson(JSON_PRETTY_PRINT);
return response($businesslist);
}
}
我的Laravel
Route::get('/businesslist', 'BusinessController@userlist')-&
浏览 3提问于2020-10-12得票数 1
我正在构建一个使用FirebaseAuth进行身份验证的颤振web应用程序，并且我试图弄清楚如何在用户( a)通过身份验证时加载正确的路由，以及( b)用户刷新网页。
当应用程序加载时，firebase被初始化，然后获取用户的auth状态，大约2秒后在authStateChanges处理程序中返回它。
我遇到的问题是，当返回auth状态时，我的应用程序已经确定了应该向用户显示哪条路由，即登录(因为，就应用程序而言，用户还没有经过身份验证)。
这会导致用户首先被导航到登录，然后，当auth状态被更新时，它们可以被导航到其他地方--这是一个糟糕的UX。
在“持久化身份验证状态”一节的中，它说：“所
浏览 10提问于2022-11-21得票数 1
回答已采纳
我正在使用带有Vuetify的Vue.js，我尝试使用v-data-table从后端加载菜单列表，并使用v-switches设置一些权限，但我在尝试v-model数组时遇到了一个问题： <v-data-table
:items="Menus"
class="elevation-1"
hide-actions
:headers="Menuheaders"
flat
>
<template slot="items" slot-scope="props"
浏览 34提问于2019-02-22得票数 5
回答已采纳
如何获取v-data-table当前页面值和选择的items-per-page值，以便在我的组件的模板中使用？ 我需要访问这两个变量来计算和显示行索引。 <v-data-table
dense
:headers="headers"
:items="items"
:footer-props="{
'items-per-page-options': [10, 50, 100]
}"
:items-per-page="50"
>
<template #item.in
浏览 28提问于2021-11-18得票数 1
回答已采纳
1回答
我的问题与web应用程序导航有关。我正在使用Areas文件夹。加载位于Areas文件夹中的页面后，我无法导航到位于根目录下的View文件夹中的页面。
示例：
在名为Maintenance View的区域中的文件夹称为Bank Bank Page loads fine using menu。
现在我想加载About Page关于Page lives in View folder off Root。
当我单击About菜单项时，URL显示为http:\mysite\maintenance\home\about。正确的url是http:\mysite\home\about。
请注意，在我加载一个位于
浏览 1提问于2012-11-27得票数 0
回答已采纳
摘要
是否可以通过AJAX动态下载UserControl的内容，将其插入到HTML中，将页面回发到服务器并使服务器能够处理动态加载的控件？
特别是，我要多次这样做，以创建将行“添加”到页面中现有表结构的能力。
更详细的
我已经编写了ASP.NET代码，通过AJAX成功地使用<asp:ScriptManager>下载UserControl的内容，并将新下载的<asp:ScriptManager>放在当前文档中的正确位置。
这很好，因为所有数据的保存都是通过AJAX进行的，所以构建返回服务器的数据很简单。
问题的一部分是，如果UserControl是作为原始页面的一部分加载
浏览 4提问于2013-04-15得票数 2
我有以下代码，它呈现预期的表：
<v-data-table
dense
:headers="table_headers"
:items="table_data"
:items-per-page="table_rows"
:page="table_page"
:hide-default-footer=true
:loading="table_loading"
class="elevation-2"
>
</v-data-
浏览 131提问于2019-11-12得票数 1
1回答
我正在使用Vuetify，我有v-data-table。当我单击行时，v-dialog必须打开。而且，我的v-data-table中有行内的v-data-table。我的问题来自，当我点击它切换的v-switch时，它也传播并打开了我的v-dialog。在我的中，我有三个v开关点击事件的例子。
首先是使用@click.native.stop。这里我成功地处理了传播，但是单击事件不仅在v开关中，而且它覆盖了整个容器(例如，用红色表示)。
我的第二次尝试是在@change。这里，开关事件只在v开关开关上被激活，但是当我单击v开关时，v对话框也会打开。因此，对于@change，它也不能正常工
浏览 2提问于2020-04-13得票数 4
回答已采纳
1回答
我有一个包含多行的表和一个使用Vuetify加载动态url图像的<td>
<v-data-table :headers="headers" :items="items">
<template slot="items" scope="props">
<td>
<img :src="getImgUrl(props.item.styleCode)" />
</td>
</template>
浏览 19提问于2017-08-30得票数 0
回答已采纳
1回答
我有一个v-data-table，它有一些通用的雇员数据。我想知道我能不能得到我点击的确切值。
我的当前代码很简单&它的一个片段如下所示。
编辑:我正在使用官方vuetify文档中的CRUD示例：
<v-data-table
:headers="headers"
:items="rows"
item-key="name"
:search="search" >
<template v-slot:top>
<!-- A dailog
浏览 0提问于2020-05-18得票数 1
回答已采纳
2回答
在单页应用程序中，我们通常请求一个网页(dashboard.html)，然后从服务器获得它，然后在上面呈现一些仪表板数据(使用ajax)。
我只想显示dashboard.html时，只有当用户身份验证从后台(有有效的电子邮件和密码)，否则，我想重定向他登录页面。
$.ajax({
url: "dashbaard.json",
dataType: "json"
}).done( function(data){
// data = { inValid: true } - from backend
if(data.inValid){
浏览 9提问于2013-11-13得票数 1
我有一个v-data-table，可以对头部进行排序。然而，我发现在一个小屏幕上，所有的标题都变成了Vuetify的下拉列表。我不想要这个功能，有没有关闭的选项？我想把我所有的头都带回来..
浏览 57提问于2020-06-04得票数 0
回答已采纳
谢谢你读我的问题。我有一个动态表，我试图在v槽中使用道具，就像下面这样：
<v-data-table :headers="chooseHeader" :items="chooseItem" :search="search">
<template v-slot:[`item.iconValue`]>
<v-icon> mdi-clipboard-edit-outline </v-icon>
</template>
浏览 5提问于2022-07-29得票数 -2
我想把<th>的字体大小提高到20 in，在Vuetify表v-data-table中。但它保持在12便士。
我试过这个：
table.v-table thead tr th {
font-size: 20px!important;
}
这是我的数据表：
<v-data-table
:headers="headers"
:items="myjson"
class="elevation-1"
>
<template v-slot:items
浏览 0提问于2019-03-29得票数 7
回答已采纳
1回答
我已经在下面的PHP.as中创建了代码。
我有index.php作为主页面，它有以下结构。
<table>
<tr><td><?PHP $_session['id']=$id; ?></td></tr>
<tr><td><iframe ....></iframe></td></tr>
</table>
现在，当我试图从iframe中加载的页面访问会话变量时，该变量没有被访问，或者没有为IFRAME中加载的
浏览 1提问于2012-07-05得票数 0
1回答
我在SPA模式下使用Nuxt，并具有如下的页面结构：
pages
...
- users/
- - index
- - new
- - update/
- - - _id
...
我有一个页面的用户与他们的列表和‘子页’-新的。
在我的users/index页面上，我在asyncData Hook中获取用户，如下所示：
async asyncData({ app: { apolloProvider }, store: { commit, dispatch } }) {
const {
data: { getAllUsers: { success, users
浏览 0提问于2021-10-06得票数 2
回答已采纳
2回答
我需要开发一个页面，其中有2下拉列表。
dropdownlist 2的选项基于dropdownlist 1的选择。
我有两种方法来改变dropdownlist 2。你会选择哪种？
1:当用户选择dropdownlist 1并更改dropdownlist 2时回发。
优点：
可以使用回发功能，可以使用asp.net验证器
缺点：
需要与服务器通信(更多流量)
用户将在状态栏中看到页面正在加载。
2：
在加载页面时获取JSON对象中的所有数据(不是很多数据)，并使用javascript更改dropdownlist 2。
优点：
不需要与服务器通信(流量更少)
缺点：
不能使用回发功能和验证器，更麻
浏览 3提问于2009-08-25得票数 0
回答已采纳
1回答
自定义验证数据表分隔符
、、、
当v-data-table在移动视图上时，项目之间的分隔符不清楚。如何自定义此分隔符，例如线宽和颜色？
我想做的是：
来自的代码示例
<template>
<v-data-table
:headers="headers"
:items="desserts"
:items-per-page="5"
class="elevation-1"
></v-data-table>
</template>
浏览 18提问于2020-05-15得票数 3
1回答
我的VueJS和Vuetify项目有问题。我想要创建一个具有可扩展行的表。这将是一个订单表，有可能看到为每一个购买的产品。对于一个页面，它应该显示至少100行订单。为此，我使用了Vuetify框架中的<v-data-table>。
有什么问题吗？
在准备好一切之后，我意识到它可以工作，但是对于每一行的扩展，我必须等待几秒钟(这太长了--它必须是一个快速的系统)。对于展开所有可见记录，需要等待超过20秒，整个页面滞后。
我试过什么？
我从标准<v-data-table>开始，用一个show-expand道具和一个expanded-item插槽--这是我第一次尝试--是
浏览 1提问于2020-04-27得票数 0
回答已采纳
我刚刚将vuetify.js从1.5迁移到2.1.7。以前，我可以访问总编号。使用:pagination.sync="pagination"属性和pagination.totalItems访问v-data-table外部的数据表中的项(反应性)。
证明1.5
<template>
<div>
<span>Total: {{ pagination.totalItems }}</span>
<v-data-table :pagination.sync="pagination"
浏览 14提问于2019-11-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
