问题标签 [vue-resource]

我通过将 jQuery select2 插件包装在自定义指令中来集成它。

和 HTML：

我尝试获取所有用户并在 fetchUsers 函数中设置选项，但似乎 fetchUsers 函数是在 select2 指令之后执行的，因此选项变量始终为空。

那么如何通过ajax（vue-resource）获取所有用户，然后填充到select2？

我想解析一个 vue 资源数据并根据我从服务器收到的数据发送回调请求，我将如何使用Vue.interceptors或.then回调来实现这一点：

我定义了一个 vue 资源：

资源.js：

因此，如果我在该资源上调用 get 方法：

此 ajax 调用请求：

问题：

但是当我使用.updateor.save而不是.get时，请求 url 并不像预期的那样：

我只向/team请求正文中传输的所有参数发送请求。

如何在此类.save或.updateajax 调用中指定 url 参数？

我正在发出 POST 请求，但除了 422 响应之外什么也得不到。

Vue.js 客户端代码：

Laravel 路线：

Laravel 控制器：

我很难将作为从表单传递的 id 的值插入到我的注册系统的控制器中。为了实现这一点，我使用了 vue.js 和 vue-resource 库。在我的 all.js 文件中，当我 console.log 传递的 id 时，我得到了正确的 id 值。但是，当将它传递给我的应用程序的路由地址时，我收到 500 错误。另外，在调试时，我收到此错误 SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'section_subject_id' cannot be null (SQL: insert into reservations。我该如何解决这个问题？

预订控制器.php

all.js

form.blade.php

我有一个使用数据透视表的项目。但是，当我使用 vue 资源和 vue js 在我的 ReservationController 中获取数据时，它似乎不起作用。请参阅下面的代码。在数据透视表中获取数据的正确方法是什么？

更新：这是我的模型和表格：Student.php

SectionSubject.php

section_subject_student 表

主题模型

剖面模型

预订控制器.php

all.js

});

最后这是我的 index.view。在这里，我想在我的数据透视表中显示所有数据。这是我使用 laravel 的 foreach 方法时的代码。但是，我想使用 vue js (v-for) 来获取数据。谁能帮我解决这个问题？

输出到螃蟹的建议

我有这个项目应该从数据透视表和一对多关系中获取值。使用雄辩的语法时，我得到了正确的输出，如下所示：

预订控制器

form.blade.php

但是我想利用 vue js 的特性，以便我的页面将自动填充正在获取的值，如下所示。

form.blade.php

如我的 form.blade.php 所示，我无法获得 section_code 的值。我在这里错过了什么吗？

更新：SectionSubject 模型

学生模型

剖面模型

我正在尝试将 vue-resource 与 browserify 一起使用。但我总是收到以下错误。Cannot read property 'get' of undefined. 我尝试在网上搜索，但解决方案不起作用。

我安装vue并vue-resource使用 npm install。

包.json

在我的数据库 Web 应用程序中，我需要很多不同的页面，每个表一个。应用程序中的哪些页面对于每个用户来说都是不同的，所以我不想事先将它们全部包括在内，因为这会使事情变得不必要的大，并且在启动时可能会变慢。

到目前为止，在我的应用程序中，我只有 1 个Vue实例，它保存所有页面的数据，每个页面都在它自己的data. 数据以 JSON 格式动态加载vue-resource（使用$http.get()），因此在启动时data是空的。

现在我需要一种动态加载页面 HTML 并将它们绑定到现有Vue实例的方法。我以前用 jQuery 加载页面，但是当我在这个 Vue 应用程序中这样做时，数据没有绑定到加载页面的内容。

我查看了 Vue 组件，但这似乎更适合页面上的可重复（小）元素，而不是整个页面，但如果我错了，请纠正我。

我也遇到过vueify,browserify和Webpack，但现在这些对我来说似乎有点太高级了。我只想加载一些 HTML 并将其与 Vue 一起使用，就像之前已经包含的一样。

有人可以解释一下正确的方法吗？

更新

Vue partials似乎是一个解决方案：

在您的 HTML 文件中：

<partial :name="currentModule"></partial>

并在您的 Javascript 中：

这vue-resource用于 AJAX，但这也可以通过jquery.ajax()其他方式来完成。

我有这个项目，当用户单击按钮时，数据应显示在表格上。但是，我使用的是这里看到的表格http://i.stack.imgur.com/HW4rE.jpg。我想要的是，当用户单击注册表单表上的添加按钮时，它应该显示在添加的主题表上，而无需刷新页面。问题是我正在使用一个表，我不能使用 v-model 来绑定值。

所以这是我的 form.blade.php

报名表

添加主题表

这是我的 all.js

任何人都可以建议我如何解决这个问题，而无需刷新页面。