问题标签 [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.
vue.js - 是否可以在 vue-good-table 中启用/禁用复选框?
我将属性传递给 vue-good-table:select-options="{enabled: true}"
以显示每一行的复选框。我想有条件地覆盖某些行。例如,如果“isAuthorized”列的值为false
,则不应为该行显示复选框。如何做到这一点?我应该在下面实现自定义复选框 <template slot="table-row" slot-scope="props">
吗?vue-good table 中是否有内置功能?
vue.js - 使用外部组件时出现 VueJS 错误
让我先说我是 VueJS 的新手,我希望我的问题的解决方案是微不足道的,但我一生都无法弄清楚或在网上找到它,所以我在这里:
我遵循Traversy Media 的 VueJS 速成课程,并与他一起构建了任务跟踪器应用程序,一切运行良好。但是在课程结束后,我决定在“关于”页面中使用数据表,特别是使用具有列过滤的表。出现了两个候选者:VueGoodTable 和 VueBootstrap4Table。
我知道 VueGoodTable 可以工作,因为我之前已经在 Laravel 中使用过它,但并没有真正理解它是如何工作的,但是当我尝试在这里导入它时,我一直收到这个错误:
代码:
此代码实际上是从 VueGoodTable 文档的入门页面复制粘贴的。
当我尝试改用 VueBootstrap4Table 时,也会发生不同的错误:
代码:
我猜我没有以某种方式正确导入这些组件,所以我将不胜感激。
谢谢你。
vue.js - 在 vue-good-table 中显示第二个对象数组
因此,我尝试使用数据库中的两个数组在 vue-good-table 中显示数据库中的数据,但问题是该表在 Preview 字段中克隆了我的第二个数组的第一行。
我会尝试回避与问题无关的代码。
html代码如下:
JS:
所以我搜索了解决问题的方法,我发现的是替换
和
但问题仍然存在
编辑:
所以事实证明,我找到的解决方案确实是问题的答案:
事实上,“行”是一个保存对象值的变量,所以我所要做的就是将我的方法修改为:
vue.js - Vue Good Table 如何访问 Selected Row Actions 中的数据
我正在尝试使用 vue-good-table 中的复选框来选择行,然后在所选行操作中的按钮缓慢地对所选行执行功能。如何访问数据?
https://xaksis.github.io/vue-good-table/guide/advanced/checkbox-table.html#selected-row-action-slot
这不起作用:
然后
转变是“在 eventShifts 中的转变”......看起来像这样:{“day”:“2021-08-27”,“endTime”:null,“payrollComplete”:true,“startTime”:“14:00 ","event":"Los Bukis","id":"dvaBm5wQXMXvVCGBSK8e","exportedCont":{"seconds":1631208172,"nanoseconds":886000000},"collapse":false,"position":{"title ":null},"selectedStaff":null,"eventId":"CGHMVzcKPnNLsmRxoeVj","exportedEmp":{"seconds":1631208185,"nanoseconds":622000000},"name":"Line Cook","staff": “50”}
谢谢!
vue.js - 在 Vue.js 中添加单元格不起作用
我对在 Vue.js 3 + Vite + VueGoodTable 中添加新字段进行了完整搜索,但它不起作用!它看起来是空的。
我使用了来自指南的代码: https ://xaksis.github.io/vue-good-table/guide/advanced/#adding-custom-columns和来自这个https://jsfiddle.net/marekfilip/jm4ywzor/
使用来自 jsfiddles 的片段,它只显示:[![在此处输入图像描述][1]][1] [1]:https://i.stack.imgur.com/S8xv4.png
对于 jsfiddle,我只更改了新的 Vue:
有任何想法吗?
javascript - InternalError:构建后递归过多 - Nuxt JS
我正在使用 vue-good-table 并且一切都在 localhost 中运行。但是在我查看了我的 Vercel 之后,我得到了一个错误InternalError: too much recursion
组件/VueGoodTable.vue
页面/仪表板/订单/index.vue
我不确定这是否是 Vercel 构建的错误,因为我在 Vercel 的日志中没有发现任何错误。谢谢
编辑
在我像kissu所说的那样在本地构建我的应用程序之后,它也显示了一个错误。开发和生产有什么区别?