草庐IT

http-vue-loader

全部标签

javascript - 如何使用 Vue.js 访问 API?

我是JavaScript和Vue.js的新手,我在使用Vue.js访问api时遇到问题。我尝试访问的API具有如下所示的JSON:{"coord":{"lon":-88.99,"lat":40.51},"weather":[{"id":800,"main":"Clear","description":"clearsky","icon":"01n"}],"base":"stations","main":{"temp":2.09,"pressure":1022.3,"humidity":69,"temp_min":2.09,"temp_max":2.09,"sea_level":1052.

javascript - 在 Vue JS 中处理登录 API token

我正在使用以下登录组件:varLogin=Vue.extend({template:'#auth',data:function(){return{username:'',password:'',errorMessage:''};},methods:{login:function(e){var_this=this;$.ajax({url:"/vue/api/login",type:"POST",async:false,data:{username:_this.username,password:_this.password},success:function(data){//storet

javascript - 输入 @keyup 事件在 Vue 中不起作用

我正在尝试调用按回车键的方法,但它不起作用。代码如下。Clickexportdefault{methods:{callEvent(){console.log("Eventcalled");}}} 最佳答案 click事件已经通过ENTER键触发(它在某些浏览器中也通过Space触发,例如桌面版Chrome)。因此,您的代码只需要一个@click="callEvent"并且一切正常,因为焦点已经在按钮上:varapp=newVue({el:"#app",methods:{callEvent(){console.log("Eventca

javascript - 如何使用 Vue.js 预加载图像?

我有一个使用Vue.Js(带有webpack)的小应用程序。我有一个过渡部分。当用户单击按钮时,内容将发生变化。这是一个带有IMG子元素的简单DIV元素。我的问题是当用户单击按钮时,下一张图像将实时加载并且速度很慢,所以我需要以某种方式预加载这些图像。我尝试了不同的方法,但无法实现预加载图像。问题:页面显示时只有第一张图片是DOM的一部分,其他图片不会加载。好的,这是正常行为。我无法通过对图像数组(PreloadingimageswithJavaScript)使用简单的for循环来预加载图像,因为每个请求都会通过唯一的查询字符串()来请求图像。因此预加载的图像名称将与请求的不匹配。我尝

javascript - 如何在 JavaScript 中查看最后一个 GET HTTP 请求

如何在JavaScript中查看最后一个GEThttp请求?基本上我所追求的是我可以看到我的Firebug控制台。当XMLHttpRequests在控制台中显示时,我看到一行类似于:GEThttp://www.domain.com/php/file.php?q0&c=1200OK163ms如何在JavaScript中查看该URL?编辑:为了清楚起见,我正在寻找GET...和...200之间的URL。我不关心其他任何事情。我不想要任何其他信息。 最佳答案 您可能希望将XMLHttpRequest.prototype.open修改为de

javascript - AngularJS $http.get 返回未定义且 $http() 不是函数

我正在构建一个应用程序以在AngularJS中动态加载和显示来自数据库的数据,但是当我尝试访问我的API(使用$http()或$http.get())时,我收到错误。$http.get()错误:TypeError:undefined不是函数,$http()错误:TypeError:对象不是函数此特定错误发生在动态加载导航选项卡的代码中。CoffeeScript中的代码:p4pControllers.controller'navCtrl',['$routeParams''$scope''$http'($http,$scope,$routeParams)->$http(method:'GE

javascript - 身份验证 - 调用 $http 的 .then() 成功回调而不是错误回调

这可能只是因为误解了如何在MEAN堆栈应用程序中最好地进行身份验证,或者我对promises和$http的.then()方法如何工作缺乏了解,但每当我尝试使用不正确的凭据向我的后端节点服务器进行身份验证,它正在调用$http的.then()方法的成功回调而不是错误回调。这是我的设置:我正在使用jsonwebtoken和express-jwt包,AngularJS拦截器将token添加到请求并检查状态401responseErrors,一个TokenService设置/删除等JWT和一个UserService来处理登录、注销等。从调试来看,这是正在发生的事情:发送登录请求服务器捕获请求,

javascript - 如何防止 Angular2 核心在页面加载时发出数十个 HTTP 请求?

因此,我正在开发一个Angular2应用程序,仅通过引导Angular2,我就收到了250多个请求,请求几乎出现在@angular/core节点模块包中的每个js文件:具体来说,一切似乎都是从zone.js:101导入的。这是我的应用程序入口点,只是为了证明我没有做任何不寻常的事情:import{bootstrap}from'@angular/platform-browser-dynamic';import{LiveComponent}from'./components/live.component';bootstrap(LiveComponent);这是我的HTML:System.c

javascript - 如何检查一个对象是否是一个 Vue 组件?

是否有可靠的方法来检查对象是否为Vue.js组件? 最佳答案 您可以使用instanceof,如下代码:varisVueComp=vuecompinstanceofVue如果isVueComp为真,则它是一个Vue.js组件,否则不是。您还可以使用vuecomp.prototype.constructor,它将返回对创建实例对象的Object构造函数的引用。检查这个fiddle. 关于javascript-如何检查一个对象是否是一个Vue组件?,我们在StackOverflow上找到一个

javascript - 通过 ajax 调用在 Vue.js 中填充下拉列表

我希望能够进行ajax调用并使用返回的结果使用vue.js生成下拉选项.我可以这样做:{{option.text}}Selected:{{selected}}.js文件newVue({el:'...',data:{selected:'A',options:[{text:'One',value:'A'},{text:'Two',value:'B'},{text:'Three',value:'C'}]}})但我不想让我的选项硬编码,而是来自ajax调用。Ajax调用看起来像这样:functionpullEmployees(){vareventOwnerId=$('#eventOwner')