问题标签 [vue-good-table]

我在 Vue js vue-good-table 中应该有分页、排序和过滤。

从前端到后端，我传递了以下对象：

目前分页和排序工作正常：

但是如何进行过滤呢？我的表有 8 列，在这些列的顶部，我可以输入一些数据以按不同的列进行过滤。编写大量查询以满足不同参数的不同查询需求是没有意义的。根据不同的过滤器参数创建动态查询的最简单方法是什么？例如，我必须按 param1 和 param2 过滤。其他时候，我可以从前端 param4 和 param5 获取这些字段进行过滤...

我可以知道如何在 vue-good-table 中正确访问和连接我的数据吗？数据未出现在表格中。

这是我的代码：

我有一个 vue-good-table，我想在其中稍微限制列并制作一些复合列，这些列由行的多个属性组成。现在的问题是，filterFn 采用列名来填充方法的数据参数。所以我只能过滤我决定用作列名的那个。有没有办法像在 sortFn 中一样向 filterFn 提供整行对象？

模板：

列定义（我想显示设置了 Global 或 Mobile 标志的所有行）：

功能（未定义不工作data）：

我最近才开始深入研究 Vue JS - 到目前为止很喜欢它。我现在面临一个问题，我正在尝试创建一个（非平凡的）表（使用 vue-good-table 插件），其中每个单元格都是它自己的组件。

阅读了插件的文档后，有人提到可以创建一个 HTML 列类型，您可以在其中使用原始 HTML（我猜）： https ://xaksis.github.io/vue-good-表/指南/配置/column-options.html#html

为简化起见，这就是我所拥有的——一个 Vue 组件（称为 Dashboard2.vue），它包含表和名为 Test.vue 的子组件

我正在为每个相关单元格动态创建测试组件并将其分配给相关的行单元格。由于我已将列定义为 HTML 类型，因此我使用 innerHTML 属性从 Vue 组件中提取原始 HTML。（按照这篇文章https://css-tricks.com/creating-vue-js-component-instances-programmatically/）一切都进行得很好，仪表板看起来正是我想要的样子，但是当点击里面的按钮时每个测试组件，没有任何反应。

我怀疑由于我使用了 innerHTML 属性，它只是以某种方式跳过了 Vue 甚至处理程序机制，所以我有点卡住了。

以下是相关组件部分：

仪表板2.vue：

测试.vue

我知道这是很多代码。具体的相关部分（在 Dashboard2.vue 中）是fillBuildColumn

再说一次 - 我是 Vue JS 的新手 - 据说我的直觉告诉我我在这里做错了很多事情。

任何帮助将不胜感激。

编辑：

通过丢失 innerHTML 属性和 html 类型，我最终得到：

浏览器抛出“RangeError：超出最大调用堆栈大小”。不知道是什么原因造成的

我在 Vue-good-table 中使用复选框表。我尝试在表格中添加按钮，但是当我单击按钮时，它会自动选择与该行相关的复选框。这是我的表格代码

我正在使用 Vue-good-table 远程搜索，当我在第二页上搜索时遇到了问题。搜索页面自动设置为第二页，但分页设置为第一页。我试图手动设置页面，setCurrentPage但它不起作用。这是我的代码。

这是对表函数的搜索和数据加载，loadItems函数我正在设置setCurrentPage值并且设置正确。

我正在使用 vuetify 日期选择器和 vue-good-table(vgt)。当我在 vgt 中使用固定标题并且也使用了日期组件时，就会出现问题。

我在 Laravel 项目中使用了一个名为 vue-good-table ( https://xaksis.github.io/vue-good-table/ ) 的 Vue 组件。我只需要能够选择表中的所有记录，同时使用组件提供的分页。该组件提供此 SelectAll 功能，但问题是它仅适用于每个页面。您可以选择实际页面的所有行，但不能选择整个表格中的所有行，如下图所示：

全选示例

是否可以使用 selectAll 按钮选择所有表格行或类似的东西？

谢谢！

我正在使用 vue-good-table Vue 的组件，但是分页有问题。基本上，第一页总是显示一条记录丢失。我的意思是，如果我将 'perPage' 选项设置为 10，则第一页显示 9 条记录，而所有其他页面显示 10 条记录。会是什么呢？

我的代码：

应用程序.js

MyTable.vue

vuegoodtable.blade.php

谢谢！

我正在使用一种方法从我的 neo4j 数据库中检索数据。我想将输出放入一个 vue-good 表中。这是我使用的方法

我这样称呼vue good table -

我已经定义了这样的行和列 -

我在网上搜索了许多解决方案，但我不断收到此错误

人们已经回答了类似的问题，说您需要将字符串转换为 js 对象，但后来我收到了这个错误-

有人能告诉我哪里出错了吗？