问题标签 [vue-resource]

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 投票
2 回答
3264 浏览

javascript - 在 Vue JS 中的表格内显示图像以及基本 url (Laravel 5.2)

好吧,我能够正确显示图像,但它仍然无缘无故地在控制台中给我 javascript 错误。这是我的代码:

获取类别:

这是显示类别的表格:

它正确显示图像,但是 javascript 控制台仍然显示 2 404 错误,指示图像的 url GET http://localhost/project/%7B%7B%20category.icon%20%7D%7D 404 (Not Found)

我应该忽略这个错误吗?或者有没有其他方法可以在图像路径中包含基本 url?

0 投票
2 回答
2204 浏览

ajax - Vue-Resource 在 Ajax POST 调用中给出 TokenMismatchException

请注意,我使用的是 Laravel 框架。另请注意,SO上有类似的问题,我已经检查过了,但无法根据这些解决方案解决我的问题......

即使我根据我的知识设置了我的 CSRF 令牌,但我不确定它为什么不起作用。

检查控制台时,我似乎有 3 个 cookie:两个 Request cookie,其中一个被调用XSRF-TOKEN,一个被调用laravel_session。和一个响应laravel_session饼干。都有不同的价值!!!

我的 Vue:

我的头:

我的 Vue 组件 addNew 方法:

我的路线:

最后,我的 Vue 模板中的表单:

0 投票
1 回答
4991 浏览

vue.js - 使用 vuex 和 vue-resource 预取数据

我正在按照以下结构构建一个应用程序:http: //vuex.vuejs.org/en/structure.html

components/App.vue是这样的:

如何获取数据并将其设置为state.courses

谢谢

0 投票
1 回答
110 浏览

vue.js - 在同一个 Vue 组件的其他选项中引用/使用属性

我正在使用 vue-resource 对资源(例如文章标签)执行 CRUD。对于 CUD,我需要发送一个 csrf 令牌和数据。我的服务器端代码接受自定义 HTTP 标头“X-CSRF-TOKEN”并检查其值。

我为每个标签条目制作一个标签组件。csrf 令牌来自根实例并绑定到标签组件,如下所示:

这是模板

根据 vue-resource 文档,我可以像这样设置自定义标头: Vue.http.headers.common['X-CSRF-TOKEN'] = token; 我还可以在组件设置中预设此标头。

下面的代码是我想要实现的:

问题是,如何在其他组件选项中使用 prop?

谢谢你。

0 投票
1 回答
893 浏览

javascript - 使用 v-for 在 Vue.js 中显示数据

我正在使用 Laravel 和 Vue.js 制作一个简单的购物车系统。我可以成功地将项目添加到我的购物篮并将它们检索到某个点,但是我在将项目实际输出到视图时遇到了麻烦。

当我到达我的购物篮路线时,我加载了触发以下 Vue 代码的购物篮视图:

这有效,我在控制台中返回数据:

但是,视图本身中不会出现任何内容。我正在尝试用来v-for填充表格:

我究竟做错了什么?

0 投票
1 回答
421 浏览

vue.js - 方法 --> 动作 --> 变异 --> 状态问题

我的函数应该使用自身的参数将 JSON 迭代地插入到特定级别的嵌套 JSON 的每个元素中,它复制了返回的第一个对象并将其插入到每个嵌套参数中。请参阅下面的屏幕截图和代码,以了解我在做什么。

基本上,我在状态中有一个嵌套的 JSON 对象,并且需要使用从 API 返回 JSON 的操作然后更新状态的突变迭代地附加到现有对象的每个“行”的嵌套属性。

问题在于我认为的突变。我推断我的函数是复制从 API 返回的第一个 JSON 对象。请参阅下面的 Action 和 Mutation 函数,以及 JSON 的 API 函数和结构。

http://api.capecodcommission.org/docs/index.html#sumofannualcapitaltotalsfortreatment

特定组件中的函数使用 v-for 运行:

运行函数,查看 JSON:

V-for 循环:

接口函数:

行动:从 API 中提取 JSON,调度突变函数。

突变:使用 JSON 更新状态。

编辑:下面的图片

组件:http: //i.imgur.com/lcS5Fgo.jpg

JSON结构:http: //i.imgur.com/AsANZOp.jpg

0 投票
0 回答
1461 浏览

sockets - Vue + Socket.io + RethinkDB - 实时基本 CRUD 操作

开始使用 Vue + Rethink,喜欢它们的概念并开始创建一个简单的待办事项列表。我已经用 Vue + Express + RethinkDB 完成了一个骨架应用程序,它可以与 CRD(尚未更新)操作一起正常工作。一切都是花花公子,但数据当然不是实时的。当我插入一个任务/待办事项时,我需要刷新页面才能看到它出现等。

我查看了 RethinkDB 的更改提要,看起来很有趣,但我不能 100% 确定如何将它们实现到我当前的 Express API 设置中。我发现了一些使用 Socket.io 的示例,现在我也在尝试将其实现到我的设置中(这是必要的吗??)。

我的代码库都在这里:https ://github.com/patrickbolle/vue-todo

这是我的 TaskList.vue 组件的示例,我将在其中显示所有项目 -

这种作品,当我通过发布到我的 API 创建一个新任务时,会出现一个(空白)任务,但没有显示我预先存在的任务。

这是我的 /tasks 的 GET 路线:

老实说,我只是越来越困惑自己,我来自 Meteor 背景,所以做这个 web socket/API 的东西让我很困惑。如果有人能给我一个正确方向的指针,我将不胜感激。

基本上我需要: - 从我的 GET /api/tasks 路由中检索任务 - 从套接字中获取新任务......这也在 GET /api/tasks 路由上?- 在 Vue JS 中显示它们

0 投票
2 回答
190 浏览

laravel-5.2 - 在 Laravel 项目中使用 Vue

在 Laravel 中开展一个项目,我想将 Vue 和 Vue Resource 集成到其中。我已经设置了它,但它没有按预期工作。下面是我的代码:

路由.php

应用程序.js

我的观点

使用上面的代码,页面上没有显示任何内容,但如果我

我在 json 中获取项目数据。这有点奇怪,请问我做错了什么。

0 投票
1 回答
1022 浏览

laravel-5.2 - Vue组件不显示数据

即使我执行 `@{{ $data | 我的组件也没有显示数据的问题 json}}。下面是正在使用的代码

应用程序.js

项目.vue

我的观点

在我决定将其作为组件之前,它运行良好。

编辑 我认为问题出在<slot></slot>部件上,因为如果我在组件模板中包含所有内容,如下所示:

它适用于上述内容,但不适用于此:

是不是用<slot></slot>错了?

0 投票
1 回答
674 浏览

json - 使用 vue 资源访问 API 中的嵌套对象

我刚开始使用 vue 资源(以及一般的 ajax),并且无法列出嵌套在我的 API 中的数组。

如果这是我的示例 JSON:

我想通过我的 html 中的列表传递 item7 数组,如下所示:

这是我的js:

自然这不会返回任何内容,我不确定如何this.items = data.item7[];使用 vue 资源循环数组。