问题标签 [vue-tables-2]

我正在使用 vue-tables-2（服务器表）来显示我的表。我正在使用 vue-tables-2 的内置分页。

当我们刷新表格时，它会将我们重定向到表格的第一页。我想在调用刷新之前将用户重定向到它所在的页面。所以我想知道如何获取当前页面的索引，以便我可以使用 set page 将用户重定向到特定页面。

我使用vue-tables-2和bootstrap-vue。我创建了一个组件，它是一个列vue-tables-2，它由按钮和模式代码组成。

问题是这样，当您单击按钮时，模式没有打开，我不知道为什么。

编辑

我发现当我硬编码按钮属性时，它可以工作。v-b-modal.modal-something它只是在由 生成时不起作用vue。

这是一个组件：

这是来自vue应用程序的模板。

你知道问题出在哪里吗？

编辑：

我也尝试添加this.$bvModal.show(this.data.id)到log函数中，但没有任何反应。

我注意到

我无法弄清楚为什么该hiddenColumns选项不起作用。当我将它设置为 时hiddenColumns:['name']，我仍然可以看到该name列...我已经尝试了最新版本，但问题仍然存在。

编辑

我希望name默认隐藏列，但用户可以使用columnsDropdown. 所以我不能把它从columns数组中删除。

我已经没有想法了。你有什么？

我使用 vue(2.6.10) 我试图用 vuetable2 (2.0.0-beta.4) 构建一个通用表。

我为 vuetable 的通用方法创建了一个组件。

我试图将我的“MyCustomTemplate”放在“MyVueTable”的插槽部分，但没有出现任何错误，也没有显示任何内容。

我的目标是在其他 vue 页面中使用“MyVueTable”并替换“MyCustomTemplate”。

我的数据中目前有 3 个条目，但在 List.vue 组件中没有显示任何内容

列表.vue

MyVueTable.vue

MyCustomTemplate.vue

我在我的应用程序中使用 vue-tables2。借助 vue-table2 选项中可用的“模板”属性，我可以修改数据的格式。

示例代码如下

代码工作正常，但是当我尝试在模板中调用函数时，它显示以下错误

如何在 vue-table2 模板属性中调用函数？

使用 Vue 表 2，我不想使用默认的搜索/过滤器输入和 Records 下拉菜单。即我不想在下图中使用控件：

相反，我想在表格外创建自己的输入框。我能够隐藏包含上面图像的默认行。但是，添加我自己的输入框后 - 示例：

如何在filterResult()方法中触发过滤器事件来处理我的过滤器请求？

我正在尝试在 Vue (javascript) 中动态呈现 HTML，但出现此错误，有人知道如何解决吗？

这是产生上述错误的代码：

Please help. I have been using Vue Tables 2 for > 2 years now, and I have never had this problem. My table shows up perfectly as usual, but now whenever I click on a cell, it is surrounded by a blue outline on chrome and a dotted outline on firefox. It is exhibiting the same behavior as if I had clicked on an input. I went through my Vue Tables 2 options one by one, disabling each in turn and it did not change the behavior. I looked through bootstrap 4 tables documentation, and could not find the same behavior as a option, so i believe it is vue tables that is doing it. The demo fiddle on the Vue Tables 2 page also has this behavior. It is very distracting and I am trying to get it to stop.

My goal is to have the table show the behavior it has before, which is to do nothing when you click on a cell.

I am using Bootstrap 4.4, and Vue-Tables-2 version 1.6.25

My options array looks like so

I have added a picture that shows whats going on.The outline is arouns any and every cell I click, including the column headers.

早上好！

我有一个列出设备的页面，我想单击要重定向到另一个列出功能的页面的项目，直到这一点起作用。但是，执行此操作时，设备列表页面上的某些功能无法正常工作。例如，编辑名称。

在此处输入图像描述

按照图像更好地了解我想要做什么。

谢谢

在 v-data-table ...中，我想在单击行重定向到另一个页面时使用类似 @click: row = "featureDevice" 的内容（当我单击该行时会发生这种情况）。当我输入@click: row = "featureDevice" 时，名称编辑功能和操作被“禁用”，因为@click 覆盖了行上的任何操作。

我想保留编辑名称和操作的操作。

我正在尝试使用 Vue table 2 过滤器按日期过滤数据，不幸的是它没有工作，我无法找到原因。有没有人用 Vue 表 2 尝试过这样的多个过滤器？

我浏览了文档，但找不到解决方案。

https://matanya.gitbook.io/vue-tables-2/custom-filters

按日期过滤数据的 HTML 代码