问题标签 [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.
ajax - 如何知道 vue.js 中何时加载了所有子组件
我有一个 vue.js 应用程序,其中有几个像这样的子组件:
页面加载完成后,我可以使用ready
hook 来知道组件已经加载完成。现在,这些组件使用 ajax 数据填充,并且可以通过单击按钮手动更新它们。broadcast
我可以通过使用和dispatch
方法从每个子组件中获取数据。但是我想在用户单击按钮时向用户显示预加载器,并在所有 ajax 请求完成时将其隐藏。为此,我需要知道所有子组件都已完成加载。在过去的 4-5 小时内我无法做到这一点。谷歌和 SO 并没有太大帮助。
我也尝试过使用 jQuery ajaxStop
,但它似乎不适用于 vue-resource。谁能帮帮我吗?
cordova - SSL 协议错误,在 Android/Cordova 中仅在 WIFI 上
我有一个用 Cordova 构建的应用程序。我使用 vue.js,并且在使用 vue-resource 进行任何获取/发布时,我收到以下错误:
这是奇怪的事情:1)它在浏览器中正常工作2)它在应用程序中工作,在3g / 4g上,但只在WIFI中出现错误。
laravel - 使用 vue js 和 laravel 添加表数据时获取未定义的值
我有这个项目,当用户单击按钮时,数据应显示在表格上。但是,我使用的是这里看到的表格http://i.stack.imgur.com/HW4rE.jpg。我想要的是,当用户单击注册表单表上的添加按钮时,它应该显示在添加的主题表上,而无需刷新页面。问题是我正在使用一个表,我不能使用 v-model 来绑定值。
所以这是我的 form.blade.php
报名表
添加主题表
这是我的 all.js
这是我的预订控制器
任何人都可以建议我如何解决这个问题,而无需刷新页面。
顺便说一句,我的 console.log 中有这个错误
javascript - 响应式更新 Vue JS 中的资源?
每次用户更改页面上的数据时,我都想将表单数据保存到我的后端(理想情况下,超时等待用户停止进行更改然后保存)。
我想了几种处理方法。我可以在所有字段上放置更改事件来这样做。我也可以尝试使用计算变量,并在每次设置对象时添加对 set 方法的调用,但这似乎过于复杂。
我还没有看到很多人用 Vue JS 做这件事的例子。有明确的方法吗?有没有办法简单地说在数据对象发生变化时,运行以下函数?
javascript - 如何将来自服务器的动态字段与 vuejs 绑定
服务器发布的文件,数据也是表单服务器,如何将它们与vuejs绑定?我最后要显示的是数据,而不是归档名称。
ajax - 如何使用 VueJS 在动态加载的辅助选择上设置选定选项?
我有一个城市选择:
和一个学校选择:
这是数据(由 Laravel Blade 视图填充),可能会或可能不会与城市和学校一起出现:
我也有一个关于城市的手表:
这是事件处理程序:
和提取器:
几乎一切正常,唯一的问题是,当重新加载表单(或在验证失败时重定向回)并且已经选择了城市和学校时,它确实调用__fetchSchools
并正确填写了学校选择,但它没有设置学校选择的选项,所以用户看到的是未选择的学校。
有没有办法使用 Vue 让它工作?
laravel - 使用 vue js、vue-resource 和 Laravel 创建 Show 方法
所以我使用 laravel 5.2 制作了一个 api,并使用 VueJs 从中提取数据。我能够通过获取所有结果来获取 index() 操作的数据。现在我的问题变得有点复杂了。我需要创建一个 show() 方法,以便表格中的每个帖子都会转到它的单个帖子页面。
这是我的 VueJs 代码。
这是我的 显示所有帖子
我的问题: 1. 我应该为 show 方法创建一个单独的文件吗?2. 如何利用 laravel ioc 从 post 模型中获取 $slug 并显示单页。
javascript - 在 $http.post 的 catch/error 中调用倒计时函数不会在 vue js 中执行
我有这个简单的代码,它在 $http.post 的 catch 函数中调用倒数计时器。
但是,当发生错误时 vm.StartTimer(captionClass) 不会执行,然后尝试在 click 事件中调用相同的函数,并且它确实有效。
这是倒计时功能
javascript - Vuejs 在渲染数据之前同步请求
我有需要身份验证的单页应用程序。当用户通过身份验证然后访问某些页面或点击浏览器中的重新加载按钮时,它将请求提供其身份验证数据的 api。然后我有一个这样的错误:
[Vue warn]: Error when evaluating expression "auth.name": TypeError: Cannot read property 'name' of null (found in component: <navbar>)
这个错误是因为 vue 渲染auth 数据而对 api 的请求还没有完成。
是否可以在 vue 渲染身份验证数据之前让 vue 等待请求 api 直到首先完成?
只是更清楚这里发生了什么。这是代码:
laravel - Vuejs 和 Laravel 发布请求 CORS
我不明白。几个小时以来我一直在为此苦苦挣扎
我将 Vue.js 与 Laravel 一起使用,并尝试向外部 API 发出 POST 请求。
但是我的 Vue POST 请求总是出现 CORS 错误
错误
MLHttpRequest 无法加载 https://www.mollie.com/payscreen/select-method/JucpqJQses。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问来源“ https://payment.dev ”。
我为我的后端安装了Laravel CORS 包并将中间件添加到我的路由中,例如
但我仍然收到错误消息。我还尝试添加 Vue Headers
具有相同的结果/错误。
有人可以告诉我我做错了什么吗?