问题标签 [vue-tables-2]

我正在开发一个使用 Vue2 (2.5.3) 和Vue Tables 2的项目。正如链接的示例所示，我要做的就是在每一行周围添加一个锚点 ，然后调用该edit()函数。但是，它似乎根本没有触发，我没有收到任何错误。知道这是为什么吗？

.vue 文件

我正在开发一个实现vue-tables-2的 vue 组件。我在这里有一个工作示例。我想要做的是将编辑 href url 链接到整行而不是仅编辑单元格。使用 vanilla javascript，我尝试使用mounted钩子 ( this.$el) 访问虚拟 dom 并将行包装在 href 中并隐藏编辑列，尽管感觉有点像 hack。关于如何做到这一点的任何建议？

我正在尝试发现这个 matfish2/vue-tables-2 组件，基本用法很好，但尝试阅读文档中的漏洞很棘手...... Google 上的几个例子..

在文档中，它指出：

活动

所以我在我的 UsersPage.vue 中尝试了它

但它不工作......我错在哪里？如何检查这些事件？感谢您的反馈

更新

我试图修改我的 UsersPage 脚本如下，没有错误，但也没有控制台日志......

我在项目中使用 vuetable 2。在这张表中，我从 json 中获取数据。必须要做的，例如：有一个列要Order，里面有信息ORD1231 **等等。当您单击其中一个单元格时，订单将转到具有动态 ID 的另一个页面。其实一个问题，如何在 vuetable 中推送 router-link？

模块：https ://github.com/matfish2/vue-tables-2

我正在创建一个 CRUD 应用程序。如何在 vue-tables-2 中重新加载通过 Ajax 调用获取的数据？我想在我的应用程序某处执行更新语句后重新加载表。

Vue-tables 在我的设置中使用 vuex。

编辑：为数据属性添加了表的 Javascript 代码。

如何将 VueJS 过滤器（即{{ price | currency }}）应用于使用 vue-tables-2 显示的数据？

我尝试使用其中一张演示表玩老虎机无济于事：https ://jsfiddle.net/jfa5t4sm/11/

这有点烦人，因为“自定义过滤器”在不同的上下文中意味着不同的东西，所以搜索文档没有结果。

有人有想法吗？

我正在使用matfish2/vue-tables-2来创建 vue 表，并且我可以使用作用域插槽将数据添加到列中。

这是一个快速的片段：

输出的结果表如下所示：

该包允许我通过选项设置列类，但这无济于事，因为我不确定如何在不使用 javascript 直接选择和操作 dom 的情况下操作该类或切换它，我认为这不是使用 Vue 时的最佳实践.

我尝试了 v-bind:class 但似乎对该模板槽没有影响。

我的目标是添加一个条件，如果 props.row.get_item.qty > 0 然后通过类更改该 TD 列的背景颜色。

更新 临时解决方法：

经过几次搜索后，我能够通过将 TD 高度设置为 1px 来实现我的目标，然后将其包装在一个 DIV 中，如下所示：

然后是一个给它上色的类：

这是TD css：

似乎实现了我想要的，但不确定是否正确或是否有更正确的方法，因为这依赖于用 DIV 包装它，然后在该 TD 技巧上设置 1px 高度，然后最终显示：块和 100 ％ 高度。对我来说感觉有点骇人听闻。

从lamelemon的建议派生的简化版本

和方法：

我目前正在处理一个显示来自不同应用程序的日志数据的表。该表显示数据没有问题，因为这似乎是最容易起床的部分。

现在我需要一个自定义过滤器。如果“LogType”中的值为 1（即异常/错误的日志），此过滤器需要用红色突出显示行。但是，在阅读了他们的文档后，我无法让自定义过滤器工作。和其他关于自定义过滤器的帖子，我可以在 Stackoverflow 上找到一个似乎有修复的地方，但它似乎对我不起作用。（例如Vue 表 2 - 自定义过滤器）

至于关于 Vue 表 2 的文档，可能只是我不明白它们的真正含义。就像使它工作所需的一样。( vue-tables-2 - 自定义过滤器文档)

我觉得我的问题可能是，示例中的过滤器需要通过按下按钮来激活。一旦有数据要过滤，我的需要立即开始。但我完全不确定，因为我无法让自定义过滤器触发我放置在其中的“console.log()”，以查看它返回的数据。

以下代码是我的 Vue 代码和选项。一开始调用的“getErrorLogs(false)”方法调用了一个 AJAX 调用，该调用返回的数据是馈送到表中的数据，该数据按应有的方式工作。

我的这部分代码是用于显示 vue 表的 HTML 代码

更新 1： 到目前为止，我已经能够排除我不能使用 v-bind:class 来设置标签，以便根据需要分配给它们的“成功、危险或信息”的引导类。

更新 2： 我找到了一个解决方案来解决我的问题，即使用引导类为 TR 标签添加颜色，它只是使用 rowClassCallBack 选项并在函数调用中进行检查，然后返回所需的类的字符串名称。如 ：

我仍然不知道为什么我的自定义过滤器不起作用

我正在尝试在我的项目中使用这个组件。下面的代码正在工作。

api-url但是当我像下面这样改变时它不起作用

我收到如下错误。

尝试通过浏览器浏览 URL 时出现以下错误。

我正在使用vue-tables-2组件，并设置使用 Vuex 的选项：

我的表格单元格中有一个<router-view>链接到另一个页面，当我单击它时，我在 vuex 中收到有关未定义数据的错误。

当我离开这个组件时，有没有办法告诉 vuex 我不再使用它了？