问题标签 [vue-good-table]

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 回答
707 浏览

vue.js - Vue好表firstSortType和initialSortBy不起作用

我正在为我的表使用 vue-good-table。我尝试使用降序对数据进行排序,firstSortTypeinitialSortBy它根本没有对表格进行排序。它总是按升序对表格进行排序。我的桌子看起来像这样

在此处输入图像描述

我试过firstSortType这样

初始排序依据

}" />

当我尝试使用 initialSortBy 它向我显示此错误

0 投票
1 回答
447 浏览

vuejs2 - 如何更改 vue-good-table 中选定的行标签区域

我正在使用 vue-good-table 并且我正在尝试更改所选行框中的标签区域。查看文档,唯一可用的插槽是 selected-row-actions。

有没有办法/插槽来编辑左侧的标签和“清除”动作?(不仅仅是他们的文字)

0 投票
1 回答
1675 浏览

laravel - 如何在视图侧组件中的 vue-good-table 中显示自定义内容?

我是 VueJS 的新手,并决定使用一个名为 Vue-good-table 的库(此处的文档:https : //xaksis.github.io/vue-good-table/)在我的 laravel 项目中显示数据表,而不是通常使用 jQuery 的 Yajra 数据表。我已经能够从后端显示我的数据,但现在我正在努力在自定义“操作”列中包含一个编辑按钮。我尝试了很多方法,但没有一个成功。我需要一种在按钮单击时重定向到编辑页面的方法,所以我的猜测是我需要在我的 php 视图文件中处理自定义列模板。这是使其更明确的代码:

PHP控制器:

Vue组件:

app.js 文件:

查看 php 文件:

我缺少什么让它工作?先感谢您。

0 投票
0 回答
68 浏览

database - 如何在 VUE 中使用数据库(使用内联 css)为每一行动态设置 css 属性 - Vue 好表

有人可以帮我定制每一行的样式吗?我需要动态设置每一行的背景颜色。我阅读了带有示例的完整文档,但没有找到任何解决方案。我发现有一个自定义类可用。

但是我需要一个自定义样式,而不是像背景颜色这样的类,它将从 SST 表中的 DB 提供。谢谢

0 投票
1 回答
118 浏览

vue.js - Vue v-model绑定到父组件输入元素不起作用

我正在使用 Vue、Nuxt、Vue Good Table 实时搜索表格。我创建了一个名为 的子组件child.vue,并将其导入到父页面parent.vue中。我曾经在父组件v-model中绑定元素。当我运行它时,实时搜索不起作用。我从控制台收到警告。你能帮帮我吗?我是 Vue.js 的新手。谢谢searchTerminputProperty or method "searchTerm" is not defined on the instance but referenced during render.

为了child.vue

为了parent.vue

0 投票
1 回答
1212 浏览

vue.js - 如何在 vue-good-table 中进行单元格编辑?

我正在尝试创建一个表格,可以在其中直接在单元格中编辑数据。但是,我不明白如何做到这一点。我正在使用 Vue.js、Vuexy 和 vue-good-table 2.21.1。数据包含在 mediaPlanData 变量中并且是反应性的。该表已成功填充数据并且可以修改。但是,当我更改单元格中的数据时,此变量不会更改。我没有在文档 vue-good-table 中找到如何执行此操作。请告诉我如何才能达到预期的结果?

0 投票
1 回答
70 浏览

javascript - 如何在 vue-good-table 中显示数组类型字段的下拉列表

vue-good-table 中有没有办法在数据类型为数组的地方显示下拉列表?

下面给出的行:

下面给出的列:

0 投票
0 回答
192 浏览

vue.js - Vue好表添加类到活动行

所以我想向 vue-good-table 行添加一个活动类,以便用户可以看到哪一行是活动的。但是 vue-good-table 似乎没有任何东西可以让我们向一行添加一个类,或者做类似的事情。我尝试向其中添加样式,template slot="table-row"例如:

但是,它没有像我预期的那样工作。是否有一些 css 可以应用于这些 div,以便它们可以占据全部高度,因为到目前为止我还无法做到。 在此处输入图像描述

任何帮助,将不胜感激。

0 投票
0 回答
271 浏览

vue.js - vue-good-table - 单击排序按钮时自动重新加载页面

我使用 vue-good-table 对象在 Vue.js 中呈现表格。我使用排序服务器端。

版本:

Vue-good-table:2.21.10,

Vue:2.6.12


我的代码:

当我单击排序按钮时,我的网站会自动重新加载,并且它不会运行 onSortChange 功能,但分页工作正常。请帮帮我!

错误原因:我把<vue-good-table />标签放在标签里面<form /> ,所以每次点击排序按钮,网页都会自动重新加载。

解决方案:将<form />标签更改为<div />标签。

0 投票
0 回答
83 浏览

javascript - 获取vue好表中的搜索结果

我正在使用 vue-good-table 来显示和过滤我的数据。我想访问由全局搜索和列过滤器过滤的所有行。我找到了一种访问由列过滤器过滤的所有行的方法this.$refs.table.filteredRows[0].children,但是此参考中的结果仅由列过滤器过滤。有没有办法访问由全局搜索和列过滤器组合过滤的结果?

如果没有,是否有一个很好的替代 vue-good-table 的全局搜索和列过滤器以及访问整个过滤器结果的可能性?