草庐IT

http-vue-loader

全部标签

javascript - Vue.js 如何从 Json 属性获取键(左侧值)。

我有一个看起来像这样的对象:{"id":1,"name":"Customer","parks":{"1":"Parka","23":"Parkb","7":"Parkc","83":"Parkd"},"users":{"11":"user@customer.com"}}parks和users左边的值不是索引,而是公园的实际id。我如何在Javascript中访问这个值?目前我使用Vue.Js,所以我将这样的值绑定(bind)到一个组件:但是,这只会绑定(bind)右侧的park值,即名称“parka”。我也需要能够访问左侧。如果在html中不能通过Vue,可以在脚本中完成吗?即如果我有

javascript - 使用 fetch api 的 laravel 中的 Http Post 给出 TokenMismatchException

我正在尝试使用fetchapi制作一个http帖子。即使我正在发送token,我也会收到错误TokenMismatchExceptioninVerifyCsrfToken.php。如何使用fetchapi进行调用?(我也尝试过使用jQueryajax并且它完美地工作)这是获取api代码varURL=$("#form").attr("action");vartoken=$("input[name='_token']").val();vargroup_id=$(this).val();fetch(URL,{method:'post',mode:'no-cors',body:JSON.str

javascript - 如何只触发一次 vue 方法,而不是每次

即使在更改时我也在处理轮换:exportdefault{data:{rotate=0},methods:{handleRotate(){this.rotate=this.rotate+this.getRotateAngle(e.clientX,e.clientY)}}}现在,第二个this.rotate在每个change上运行。我该怎么做才能使第二个this.rotate仅在第一次handleRotate运行时应用? 最佳答案 用Vue方式解决:您可以使用$once,它将监听一个事件,但只监听一次。Listenforacustome

javascript - 请求的资源上不存在 'Access-Control-Allow-Origin' header + 响应具有 HTTP 状态代码 401

XMLHttpRequestcannotloadhttp://192.168.1.253:8080/...No'Access-Control-Allow-Origin'headerispresentontherequestedresource.Origin'http://localhost:4200'isthereforenotallowedaccess.TheresponsehadHTTPstatuscode401.非常常见的错误,有很多可能的解决方案都没有奏效。我了解(我认为)CORS应该如何工作,而且我没有发现我的HTTPheader有任何问题,但它仍然不起作用来自Chrome:

javascript - 从 vue 中的子组件访问 key

根据Vuedocs,在v-for中使用自定义组件需要绑定(bind)一个键:我想在子组件(task-card)中使用该键,但既不使用this.key也不添加key作为Prop(是Vue的保留关键字)有效。有没有办法在不传递另一个值为“i”的Prop的情况下做到这一点?目前正在使用"vue":"^2.5.9"。 最佳答案 如果你想将数据传递给child,你应该使用Prop(key是保留的,所以你必须给它命名)。否则,您可以通过this.$vnode.key访问组件内vnode上的key。Vue3对于Vue3,API已更改。您需要像这样

javascript - 在 Vue.js 中隐藏 div onclick

以下jQuery的Vue.js等价物是什么?$('.btn').click(function(){$('.hideMe').hide()}); 最佳答案 jQuery开箱即用,Vue.js则不然。要初始化Vue.js组件或应用程序,您必须将该组件及其数据绑定(bind)到模板中的一个特定HTML标记。在此示例中,指定的元素是并通过el:#app定位.你将从jQuery中了解到这一点。在声明了一些保存切换状态的变量之后,在本例中为isHidden,初始状态为false并且必须在data中声明对象。其余的是Vue特定的代码,如v-on:

javascript - 将http拦截器写成类

我在用纯TypeScript编写Angularhttp拦截器时遇到了问题。我尝试转换的代码如下:.config(['$httpProvider',function($httpProvider){varinterceptor=['$rootScope','$q','httpBuffer',function($rootScope,$q,httpBuffer){functionsuccess(response){returnresponse;}functionerror(response){if(response.status===401&&!response.config.ignoreAu

javascript - 如何在 AngularJS 中发送 HTTP 请求 onbeforeunload?

我有一个简单的Angular应用程序,它有两个使用ngRoute加载的View。当用户在View之间导航以及当用户离开页面(刷新窗口、关闭选项卡或关闭浏览器)时,我需要在服务器上做一些清理工作。我的第一站在这里:Showingalertinangularjswhenuserleavesapage.它解决了用户在View之间导航的第一种情况。我已经像这样处理了清理工作:$scope.$on('$locationChangeStart',function(event){varanswer=confirm("Areyousureyouwanttoleavethispage?")if(answ

javascript - (Vue.js) 相同组件不同路由

我想在Vue.js应用程序中为不同的路由使用相同的组件。我目前有这样的东西:ma​​in.jsconstroutes=[{path:'/route-1',name:'route-1',component:MyComponent},{path:'/route-2',name:'route-2',component:MyComponent},{path:'/route-3',name:'route-3',component:MyComponent},]constrouter=newVueRouter({routes})我的组件.vueRoute1Route2Route3当我在浏览器中手动输

javascript - Http 站点未检测到 Chrome 中的位置 - 问题

我们今天确实注意到了根据用户位置自动检测邮政编码的问题。它在其他浏览器(edge、IE、Firefox)中运行良好我们必须将站点配置为https,然后它才能正常工作示例:https://www.whatismyzip.com/效果很好其中http://www.mapdevelopers.com/what-is-my-zip-code.php不起作用。--%>--%>functionShowMessages(){debugger;if(navigator.geolocation){navigator.geolocation.getCurrentPosition(success);}els