问题标签 [vue-resource]

我正在尝试使用 带有名为vue-resource的插件的vuejs ajax 调用从数据库中检索数据。不幸的是，json 数据对象包含 html 页面，而不是数据库中的实际数据。有人可以告诉我做错了什么吗？这是我的代码：

路由.php

fruitsctrl.php（控制器）

水果.php（模型）

fruitshome.blade.php（查看）

应用程序.js (javascript)

感谢@nils，在解决这个问题后出现了这个问题，我希望有人能帮助我！

实际上，我有一个记录列表，我可以选择其中的一些，然后一键删除。

上面的代码可以正常工作，但我不确定我所做的是否正确，或者它是否会随时中断！

所以我在那里执行 HTTP 请求以删除 Array.filter() 内的记录......对吗？我觉得完全不对！

该数组this.list是我的对象列表，该this.selected数组包含选择要删除的 ID。

然后，如果 HTTP 请求正常，我删除 obj，如果没有，我保留它！

你认为如何做到这一点的好方法？

- - - - -编辑 - - - - -

添加一个 JSBin 以明确我需要什么！

实际上我只是在我的脚本上发现了一个问题......它不会等待 ajax 响应从数组中删除项目，所以如果其中一些记录无法删除，它也会从数组中删除

有人吗？

JS斌

我正在https://github.com/matfish2/vue-tables使用Laravel。

这是vue代码：

如何从数据库中获取 tableData 的数据？Vue资源？我有一条路线/api/footage可以为我提供以下信息

现在，用户和素材具有一对多的关系。我将如何向用户展示每个条目？（也是编辑和删除的ID）

这是刀片代码

提前谢谢你。

我正在尝试使用 vue-resource 的 ajax 请求将我的数据填充到 vuejs 中。

但是当我需要 vue-resource 在控制台中返回此消息时： Uncaught TypeError: Cannot redefine property: $url

错误发生在代码中：

将 Vue.js（Vue-Tables https://www.npmjs.com/package/vue-tables）与laravel一起使用。数据已成功显示，但 daterangepicker ( http://www.daterangepicker.com/ ) 根本没有排序。无论我设置什么间隔，记录都不会显示。该字段正在用碳解析以返回所需的格式

在 js 文件中，我有dateFormat: "DD-MM-YY", filterByColumn: true, dateColumns: ['footage_date'],. 当我使用 vue dev-tools 检查时，该字段是footage_date: "03-04-2016"

如果我使用示例（https://jsfiddle.net/matfish2/f5h8xwgn/）对日期进行硬编码

// 由 Tomasz Nurkiewicz 提供（在两个日期内生成随机日期数组的优雅方法）

日期采用这种格式footage_date: "1974-03-27T18:19:40.364Z"并且有效。

完整 js 文件http://pastebin.com/6hCe2eQL的 Pastebin 。客户端http://pastebin.com/xTUcAK98

我正在尝试使用 webpack-dev-server 代理配置将 api 请求发送到外部域，但我似乎无法让它工作。

这是我的配置：

因此，每当我的应用程序使用 uri 发出请求时，/api/v1...它都应该将该请求发送到http://laravelandwebpack.demo.

在我的 Vue 应用程序中，我使用vue-resource发出请求，并且默认所有请求都带有所需的 uri 前缀：

URL 的构造正确，但它们仍然指向localhost:8080哪个是 webpack-dev-server：

我阅读并重新阅读了 webpack-dev-server 的文档，但我无法弄清楚我在哪里设置错误。有任何想法吗？

我有一个奇怪的问题，在 Vue DevTools 中找到的值是正确的。它按预期在我的数据中声明。第一次单击“编辑”项目时，正确的值也会显示在我的浏览器窗口中。

但是，如果我单击“编辑”一个具有不同数量的项目，即使它不正确（它应该从数据库中预填充）也会再次显示相同的值。

然后，如果我再次单击第一个“编辑”项，该值将更新为以前的值！

最疯狂的部分是，虽然我的浏览器窗口没有显示正确的值，但正确的结果始终显示在 Vue DevTools 中！下图中带圆圈的项目是“数量”100 的 UUID，这是正确的值。然而 700 出现了（前一个编辑项的值）。有人曾经发生过这种情况并知道是什么原因吗？

这是一些相关代码的片段（它来自使用 vue-resource 的 Vue 组件，这是在 Laravel 项目的引导模式中发生的）：

Vue JS

HTML

Main.js vue 指令：

edit.blade.php 文件中的脚本：

这是一个非常简单的 Vue 应用程序，它将一个道具从主 VM 传递到一个组件。这个值是在我的实际应用程序中通过 vue-resource 获取的。

https://jsbin.com/tazuyupigi/1/edit?html，输出

当然它有效，但我正在努力从组件 VM 本身访问这个值。

https://jsbin.com/huruavoko/1/edit?html，输出

如您所见，我的警报显示未定义。我怎样才能解决这个问题？似乎是执行顺序的问题，但使用compiled()或created()代替ready()没有区别。

我有一个运行良好的代码，但我脑子里有个问题！

这段代码写得好吗？

我对 JavaScript 不太擅长，但几个月前我就开始学习了，我也在学习良好的实践，以保持我的代码干净和有条理！

有代码

这是我的 Vuex 的一个动作，真正困扰我的是双重回报！这是我发现在我的组件上获得响应的唯一选择！

有人可以做得更好并告诉我怎么做？

我的组件中调用此操作的方法

提前致谢！

我使用 vue-resource 发出这样的帖子请求：

这是我的路线

这是我的功能：

放入网络点击它返回状态代码302并将我重定向到登录页面？