将 Tabulator Ajax 与 VueJS 一起使用时如何使用 onclick 事件？答案

【问题标题】：How to use onclick events when using Tabulator Ajax with VueJS?将 Tabulator Ajax 与 VueJS 一起使用时如何使用 onclick 事件？
【发布时间】：2019-10-01 01:43:12
【问题描述】：

目前的困境是Tabulator 在使用 ajax 时不支持响应式数据。这严重限制了在大型项目中使用 Tabulator 的能力，因为您必须将所有数据都保存在本地，这对于在数据库中有数百万行的项目不利，我们都知道这是行不通的。

以下是单元格格式的示例：

var nameFormat = function(cell, formatterParams, onRendered){
   var value = cell.getValue();
   return '<a href="#" @click="openModal()">'+value+'</a>';
}

当用户单击表格中的链接时，我想从 VueJS 打开一个模态组件，它应该会触发 openModal()。但是 VueJS 无法访问制表符中的数据。

如何做到这一点？

我看到的唯一其他选择是，使用 jQuery 或 vanilla js 在点击时显示模式，但是沿着这条路走下去是不好的做法，因为我需要留在 SPA 反应系统中。

我也使用这些选项，需要使用 Ajax

ajaxFiltering:true,

ajaxSorting:true,

参考链接：

http://tabulator.info/docs/4.3/data#ajax

http://tabulator.info/docs/4.3/reactivity

http://tabulator.info/docs/4.3/frameworks#vue

【问题讨论】：

您能否更具体地说明您要实现的目标是什么，无法反应性地处理存储在远程服务器上的数据。反应性数据是指直接影响 DOM 的本地数组生成，反之亦然，因此也不可能在远程服务器上执行此操作，因为没有要跟踪的数组引用。如果您有特定的任务，请提及，我可以帮助您采用正确的方法来实现您的目标

标签： javascript vue.js tabulator

【解决方案1】：

使用以下之一

一次性加载所有数据，让 VirtualDom 处理
为大数据实现服务器端分页

【讨论】：