问题标签 [vue-tables-2]

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

vue.js - vue-tables-2 事件发出未注册自定义过滤器

每当观察者触发时,我都会收到此错误:“TypeError: Event.$emit is not a function”。

我可以控制台记录 Event 对象,因为我将它导入到我的 main.js 文件中。我使用命名道具,因为我在 1 页上有 3 个不同的客户端表。我将表命名为 rmTable

在我的观察者中:

这是我的 rmOptions 变量中的 customFilters:

我怎样才能正确地做到这一点?至少我应该能够看到行和查询日志。我检查了github 页面上的指南,似乎我正确地遵循了它。

0 投票
1 回答
2266 浏览

vuejs2 - 获取vue好表中选定行的数据

伙计们,我是 vue 新手,所以不知道如何实现以下情况在此处输入图像描述 我如何获取当前选定行的数据这里是代码

当保存方法被触发时,有什么方法可以获取有价值的数据。最后 ting 这是 Vue 好表

0 投票
1 回答
906 浏览

javascript - 如何在 vue 组件中本地使用 VeeValidate 或任何第三方包

好的,情况就是这样,我正在与Vue.js. 我VeeValidate在我的一个组件中使用Component1.vue这样说,

在另一个组件中说Component2.vue我正在使用vuetable-2我这样注册的,

问题是两者VeeValidateVuetable内部都依赖于具有相同名称的计算属性。当我在VeeValidate全球注册时,如果我从toVue.use(VeeValidate);导航,则会出现错误消息,Component1Component2Vuetable

计算属性“字段”已经定义为道具

因为VeeValidate当我登陆时已经在全球注册了Component1

Component2如果我从没有任何依赖关系的任何其他组件导航到,VeeValidate那么它就可以正常工作。

所以这是我的问题,

如何VeeValidate在本地注册或任何其他包Component1.vue,以免影响其他组件?很像在components: {}对象中注册其他组件。

0 投票
4 回答
1906 浏览

vue.js - Vue-tables-2(vuex)反应性不起作用

我有几个使用vue-tables-2 的组件,但其中一个在我更改路由之前不会更新表。

零件

店铺

正如您在此图像中看到的,该表包含数据:

在此处输入图像描述 但是当路由改变时视图会刷新:

在此处输入图像描述

2018 年 2 月 5 日

好吧,现在我已经看到,如果我直接在组件中使用 Promise 修改状态,它会起作用:

有谁知道为什么? 谢谢

0 投票
1 回答
4483 浏览

vue-tables-2 - vue-tables-2 服务器端数据获取

我的代码如下

我不想在 v-server-table 中使用直接 url。我在 vuex 商店中定义了一个函数,我想使用该函数而不是使用 URL 来使用该函数来处理数据。

我怎样才能做到这一点?

0 投票
0 回答
233 浏览

php - Laravel 5.5分页响应json返回消息:方法视图不存在状态码500

我正在尝试从分页 laravel 获取一些 json 数据,但该过程返回状态码 500 并给出消息“[App\Http\Controllers\Api\ConsumerController] 上不存在方法 [view]。”

这是我的代码 api.php

这是我在 paginate_consumer 方法上的代码 ConsumerController

这是我在方法 paginate_consumer() 上的代码模型 Consumer

我的期望是我可以使用分页 laravel 返回 json 数据。谁能帮我?

0 投票
1 回答
2278 浏览

javascript - 如何在 vue-tables-2 服务器端添加范围过滤器

我正在使用服务器端的 vue-tables-2 组件来表示来自数据库的信息。此表包含数字列、文本列和日期列。

我的问题是数字列过滤。我想为范围过滤添加选项(>、>=、<、<=、=、介于等)。

我能找到的唯一文档是:

https://www.npmjs.com/package/vue-tables-2#server-side-filters

服务器端过滤器

A. 使用 customFilters 选项来声明您的过滤器,遵循以下语法:

customFilters: ['alphabet','age-range']

B. 同在客户端组件中。

但我不明白一些事情:

  1. “年龄范围”在哪里实施?
  2. 我在哪里指定每列的过滤器?
  3. 我必须使用 vuex\ 总线吗?

有人可以帮我实施吗?

谢谢

0 投票
0 回答
314 浏览

javascript - Vuetable 2 不在浏览器中显示

我只是按照 Vuetable 教程在我自己的应用程序中使用它,但我的浏览器显示一个空白页面。Vue 开发工具总是说“未检测到 Vue.js”;我觉得我错过了一些简单的东西。我已经逐字阅读教程,并在JSFiddle中工作。有没有人看到问题?

主.js:

HTML 文件:

0 投票
1 回答
618 浏览

vue.js - 使用 momentjs 从数组格式化日期时间

我有这样的Vue表2

正如您在 responseAdapter 上看到的那样,我将数据分配为data: o问题是当我收到我收到orderDate的字段时:2018-06-12T19:58:41.73并且我想使用 momentjs 对其进行格式化,因此在响应适配器中我尝试:

但它不起作用,它只是没有格式日期。我究竟做错了什么?问候

在此处输入图像描述

0 投票
1 回答
2264 浏览

vue.js - 使日期时间列在 Vue 表 2 中可排序

我有一个自定义组件,它使用Vue Tables 2中的 v-client-table 方法。该表有两列,其中一列是日期时间列(格式:MM/DD/YYYY h:mm A)。我把它作为可排序的,但它不能根据时间准确排序。其输出如下所示:

表输出示例

如您所见,它从中午 12:09 持续到凌晨 12:30。不幸的是,这种日期/时间格式是必需的。

问题:有没有办法将 momentjs 合并到配置中以使其正确排序(不使用客户端排序文档中显示的过滤器)?

以下是数据和选项: