问题标签 [vue-tables-2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1752 浏览

vue.js - 从 firstore 集合中获取带有 ID 的文档

在使用 Firestore、vuefire、vue-tables-2 时,我一直在获取文档的 ID。

我的数据结构如下。 在此处输入图像描述

这是我的代码。

我的期望是设备应该id属性为vuefire docs

但是即使我检查它是否存在它控制台,数组this.devices也没有字段。id

在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
3560 浏览

vue.js - 如何在模板操作后更新 vue-tables-2 中的数据?

我正在使用自定义组件作为 vue-tables-2 上的列,为此我使用了 vue-component,如下所述:vue-components

我创建了一个按钮,可以打开一个模式,让用户确认一些信息,然后我向后端发出请求,并在数据库上更改记录。现在我想刷新表上的数据,但我不知道该怎么做。文档中提到了使用$ref,但这不是一个选项,因为我的组件不是父组件。

我怎样才能做到这一点?

代码链接:
使用'vue-tables-2'的组件

用作自定义列的组件:

0 投票
1 回答
1815 浏览

javascript - vue-tables-2 分页不限制每页数量

我在我的 vue 应用程序中使用 vue-tables-2 作为数据表。
vue-tables-2: ^1.4.70
vue: ^2.6.10
一切都很好,除了每页显示的项目受选项对象上的 perPage 限制。
在这里,我有 5 条记录,我已将每页选项设置为 2。但它不起作用,仍然每页显示 5 条记录。另外,当我单击第二页时,会注意到更改!
这是我的代码:

  • 门票.vue:
  • 应用程序.js:
  • html:

这是我的结果: 感谢任何帮助。
在此处输入图像描述

0 投票
0 回答
138 浏览

laravel-5 - 使用 vuetable-2 从我的数据库中的表中行数据

这是我在stakeoverflow 中的第一个问题。我是 vuejs 和 vue-table-2 的新用户。从列中我没有问题,但我想用我在数据库中的表中的数据填充行。这两天我只是在谷歌搜索来解决这个问题。任何人都可以解决这个问题?

0 投票
2 回答
1383 浏览

vue.js - vuetable - 没有可用的数据

我正在使用vue.js,并且正在完成vuetable教程,但我的 vuetable 始终显示no data available.

这是我的代码:

MyVueTable 组件:

应用程序.vue

在此处输入图像描述

我不明白 vuetable 如何获取数据并将其映射到指定字段。控制台中没有错误。

感谢任何帮助,因为我有点困惑。

0 投票
0 回答
330 浏览

vue.js - 动态地将新字段添加到 b-table [Vue.js]

我正在尝试使用带有动态添加字段的引导表创建一个表。将添加的字段将从我的 api 中获取(参见下面的代码)。

vue.js (jade) -第二个模板将是呈现动态添加字段的模板,但问题是我无法访问 row.item.members,因为我不在行范围内。如果有一种方法可以访问模板标签中的行数据,那就太好了,但我已经花了一天时间,发现没有运气

我的 api 调用(向表中添加新字段并获取数据)

tldr:我想访问模板标签内的行数据,这样我就可以动态设置槽,这将导致数据正确显示。

0 投票
1 回答
269 浏览

javascript - 在 vue-table 2 中一次发出多个过滤器

我有三个用于更改选择的自定义过滤器。

但是由于我使用按钮单击单个方法上的所有过滤器的方式。

现在设置自定义过滤器和设置页面会导致对服务器的两次调用,这给我带来了问题。

如何在单个操作中设置页面和自定义过滤器,以便只进行一次调用?

如何执行上述操作,以便只对服务器进行一次调用?

0 投票
0 回答
251 浏览

vue.js - 带有服务器表的 Pagiantion 不适用于 vue js

我正在使用“vue-tables-2”中的 ServerTable 创建一个表,以使用 axios 呈现数据并创建一个分页,但是分页中的问题表在第一页中一起显示所有记录

我试图修复它,但我没有找到任何解决方案

在这里您可以找到我用来创建该表和分页的组件

你能检查一下我犯了什么错误吗?

0 投票
2 回答
11122 浏览

vuetify.js - Vuetify 数据表中,带有槽模板的表列

在Vuetify数据表中,对于带有槽模板的表列,可以使用Camel大小写的列名,目前仅支持列名,例如模型中的小写

这不起作用:

这有效:

我的数据模型具有这样的属性。

0 投票
1 回答
1199 浏览

vuejs2 - Vuetables2 如何为 vue-client-table 中的特定数据添加动态样式

我正在研究 vue js 和 vue 客户端表。我创建了一个 vue-client-table 并将一些虚拟数据填充为静态数据。

现在有一个列名 STATUS,它将有两个值,即 Active 或 Inactive。

我想将“非活动”的字体颜色更改为红色。(这表示链接已关闭)

我需要帮助来理解它。

下面我附上了我的代码:

下面我附上了我的图片:

我的 vue 表的输出