问题标签 [vue-tables-2]

使用https://github.com/matfish2/vue-tables-2和 Vue 版本 2，我似乎无法在 JSX 上绑定 click 事件（在模板-> 编辑上）：

更改为 JSX on-click，但 Vue 无法识别。 .babelrc已经有：

更新：vue-tables-2现在是预编译的，所以不需要加载器。对于模板选项，建议使用作用域插槽，它也不需要任何特殊设置

我正在尝试迁移到 Vue 2，为此我需要使用 vue-tables-2 组件。我正在使用 Laravel Elixir 和 webpack 来编译我的 Vue 项目。我按照说明安装了 babel-plugin-transform-vue-jsx 及其依赖项，并在与主脚本相同的级别创建 .babelrc。显示以下错误：

错误：./~/vue-tables-2/lib/template.jsx 模块构建失败：SyntaxError: Unexpected token (15:7)

对应的字符是<

小精度，我在 webpack 配置中添加了这一行：

你有什么建议吗？

谢谢

更新：vue-tables-2现在是预编译的，所以不需要加载器。对于该templates选项，建议使用作用域插槽，它也不需要任何特殊设置

我正在使用 gulp、webpack 和 babel-loader 来构建一些文件（vue-tables-2）：

在webpack.config.js我已经包括：

并包括在.babelrc：

但是，运行scripts-vue-tables任务会产生错误：

注意：一般来说，我尝试按照此处列出的步骤进行操作。

我是 vue.js 的新手，但我需要在表中呈现数据我已经尝试过vuetables和vue-tables-2但它们都会产生错误，需要我编辑它们的源文件，我认为这不是一个好主意. 我的后端是 Laravel 5.3。当我使用时，vuetables我收到以下错误：

我vue-tables-2得到了：

有没有办法修复这些错误或我有哪些其他选择？

我正在尝试将此https://github.com/matfish2/vue-tables-2与 Vue 2.1.8 一起使用。

它工作得很好，但我需要使用自定义过滤器根据它们的值等来格式化一些字段。

在选项中我有这个：

在文档中它说我必须这样做：

但我不知道把这个放在哪里？我尝试了很多地方。例如在我的 axios 成功回调中，但没有。

我想这是非常基本的，我应该知道这一点，但我不知道。所以，如果有人能告诉我把那个活动巴士工作人员放在哪里，那就太棒了！

我是 Vue.js 和 DataTable 的新手，我希望你们中的一些人有他们集成的经验。有人可以肯定地说这是集成 Vue.js 和 DataTable（jquery 插件）的好方法吗？它工作得很好，但我想确定它是正确的方式......谢谢:)

我对从数据库加载大量数据的正确或推荐方式有疑问。我有 Vue.js 2.0 的 Laravel 5.4 项目。我需要在页面上显示数据库中的员工表。在客户端 Vue 组件用于通过 promise 请求此数据并使用vue-tables-2构建网格。

万一我找不到合适的逻辑方法的问题。已经有 50 000 多条记录，而且还会更多。所以使用Employees::all()真的是个坏主意。使用 axios 从 api url 请求数据。并且没有使用reddis或memcached的可能性。看起来我需要来自客户端的某种延迟加载发布请求，也许还有 Laravel 分页。我将请求数据的第一部分，并在下一篇文章中向分页器发出下一个请求......并且会有垃圾邮件请求。

如果我将使用默认缓存机制，我不明白如何构建缓存逻辑，如何检测模型已更改并且缓存需要重建。

也许有一种方法可以组织延迟加载数据，将其动态添加到表中，如果用户在加载完成之前开始搜索或过滤，则向服务器发出直接数据库搜索的请求。但同样在这种情况下，我可能会有很多数据库请求。

所以问题是 - 也许有推荐的方式来组织这样的事情？

我目前正在实现 vue-tables-2 （第一次），并且我已经设置了一个模板来显示一个图标，该图标会在单击时触发一个事件。但是，我收到一个错误，我不确定它来自哪里。错误如下。

功能代码本身如下。

我发现这个stackoverflow问题已经尝试实现它，但没有成功-->如何将vue点击事件与vue表2（JSX）绑定？

感谢您提前提供的所有帮助。

我已经在这个问题上停留了几个星期，现在想是时候寻求帮助了。

基本上我将 Laravel 与 Vue 2 和 matfish2/vue-tables-2 包一起使用，一切都很好，该表在那里没有显示任何问题。问题是当我执行诸如删除一行之类的操作时，并且在我从数据库中删除 axios 之后，我想触发 refresh() 以重绘表格。文档建议运行这个：

如果我添加一个按钮 @click 来触发我的函数来调用它，它可以正常工作，但是如果我在我的 axios 响应之后尝试调用它，则该方法似乎根本无法访问该 $refs 表的 $refs。

我正在阅读这篇文章以试图阐明：

https://forum.vuejs.org/t/accessing-refs/15049/12

如果我试图在生命周期中访问它直到它被破坏，但当页面已经呈现时对我没有帮助，这将有效。

这是我的文件设置：

应用程序.js

oosmanager.vue

index.blade.php

回顾

所以基本上一个触发该方法的按钮将看到 $refs 并正确刷新/重绘，但是如果在 axios 调用之后尝试访问我的方法中的 $refs ，它根本不会在 dom 中看到它并显示未定义。尝试安装挂载但没有帮助，因为这似乎与渲染的最后一部分有关。如何正确访问它？

更新

我无法在我的 axios 响应中完全访问它，但它现在以这种方式显示在我的 created() 或 mount() 中，因此从重复的帖子中获得了有用的见解。但是，我确实通过将其声明为全局变量来实现它，例如：

然后是我的 axios 回复：

不确定方法是否正确，但目前正在工作。

我一直在尝试找到一种从 vue-tables-2 获取页码的方法，但我无法弄清楚。我最好的猜测是使用 Vuex，但我也无法让它工作。我只是发现文档非常简短，对于像我这样的 Vue 新手来说还不够详细。

有没有人设法让它工作或至少一个类似的教程。

任何帮助将不胜感激！