问题标签 [vue-data-tables]
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.
vuetify.js - 数据表中的 vuetify show-select 未选择项目
因此,我从 vuetify 1.5 升级到最新(2.1xx)并卡在了几个地方。我有一个数据表,我想在标题中添加一个“全选”复选框。我用“show-select”属性添加了它,我可以看到,当复选框被选中时,实际上将所有项目放在“选定”v-model中。
我的问题是我想要一个用于 item-props 的模板来自定义行的外观,而我绑定到“props.selected”的复选框似乎不起作用。如果我选中任何行上的任何复选框,则该项目不会添加到我的“选定”v-model 中。
只有当我完全不使用模板时,我才能让它与自动生成的复选框一起使用,但这不足以满足我目前的需求。在 vuetify 1.5 我让它工作但我不明白如何让它在新版本中工作。
vue.js - VueJs 导出表格数据
我正在使用带有element-ui的 vue-data-tables并且我正在寻找从我的表中导出数据的解决方案。
逻辑
我需要导出放置在前端表中的数据,而不是从后端返回的数据
表中的数据根据我的需要受到限制,而来自后端的数据更复杂,并且包含我在 excel 文件中不需要的变量)这就是为什么我正在寻找导出表数据的解决方案,否则我会创建后端函数为了它。
问题/帮助请求
如果您以前对上述 UI 有任何经验,请告诉我是否需要为其创建手动功能,或者是否有一些包可以与el-tables
ui 一起使用等。
谢谢。
javascript - 使用 Vuejs 和 ElementUi 的槽过滤器
我有一个表格,其中有一个列使用slot-scope
,我无法将该列数据放入过滤器选项。
代码
Component filter input
component HTML
问题部分已评论
Component Script
我在过滤器函数中提供了更多列示例,以便您了解
element-ui
表格背后的逻辑
知道如何将条形码数据包含到过滤器输入中吗?
vue.js - 用 vueJS 填充数据表
我正在用 vueJS 和数据库中的所有数据填充我的数据表。我正在使用这个库:
如果我在我的控制器中使用它没关系:
在我的组件中:
该库包含 sortBy、orderBy、按名称搜索等方法...
但是如果我在 laravel 8 的控制器中使用它返回给我:
我不知道这是否意味着使用 get()、all()。
另外,如果我不使用它并且我手动进行所有搜索,例如:
回复我:
如果我删除了分页并返回 $query,则在网络选项卡中的 Web 浏览器控制台中返回我的所有数据,但我的表是空的......
对于后端,我正在使用 laravel-8
在我的 Web 浏览器控制台中返回此消息:
如果我:data
在我的组件中更改:items
Web 浏览器控制台中的错误消失
我不明白我做错了,因为在一种情况下我可以填满我的桌子,而在另一种情况下不能...
感谢阅读并帮助我
vue.js - 无法对 Vuesax 数据表中的日期列进行排序
我需要对正在使用的 Vuesax 数据表中的日期时间列应用切换排序。切换排序适用于所有其他列,日期时间列除外。我的代码如下(我只写了与问题相关的代码,请假设用户数据已正确加载):
我欢迎所有建议,但我的猜测是 Vuesax 无法检测列数据类型;如果有一种方法可以强制执行 datetime 列的数据类型,那可能会解决问题。