草庐IT

http-vue-loader

全部标签

javascript - 使用本地主机测试 Facebook 共享对话框 - "Unable to resolve object at URL http://localhost"

我正在尝试仅使用URL(而非SDK)来使用当前(在提出此问题时)的Facebook共享对话框。我的JS看起来像这样:openFacebookPopup:function(url){this.openSharerWindow('https://www.facebook.com/dialog/share'+'?app_id=145634995501895'+'&display=popup'+'&href=http%3A%2F%2Flocalhost'+'&redirect_uri=http%3A%2F%2Flocalhost');returnfalse;}我得到的错误是:Couldnotr

javascript - 如何在 Vue.js 中取消绑定(bind)数组副本

我正在尝试将一个数组复制到另一个数组并像使用新数组一样使用它,而不对旧数组进行任何更改:TestinputtestArray:{{testArray[0]|json}}templateArray:{{templateArray[0]|json}}newVue({el:'#app',data:{testArray:[],templateArray:[{name:"TEST"},],},ready:function(){this.testArray=this.templateArray.slice(0);},});问题是我正在更新新数组“testArray”,我还更改了旧数组“templa

javascript - CORS - Angular 和 Express 的 http OPTIONS 错误

我正在尝试从Angularjs客户端对我的API进行POST,我在另一个域中运行的服务器上有此配置:app.use(function(req,res,next){res.setHeader('Access-Control-Allow-Origin','*');res.setHeader('Access-Control-Allow-Methods','GET,POST,PUT,OPTIONS,DETELE');res.setHeader('Access-Control-Allow-Headers','*');next();});发送到服务器的header是:OPTIONS/api/aut

javascript - Angular Material 使用 $http 调用自动完成

我正在尝试做的是AngularMaterial自动完成(md-autocomplete),其中包含从对我的RESTAPI的AJAX调用动态检索的数据。不幸的是,我只得到不确定的进度条,而不是自动完成项目,如下所示。结果Controller$scope.customersSelect={};$scope.selectedItem=null;$scope.searchText=null;$scope.getCustomers=function(query){selectsService.getCustomers(query).then(function(results){$scope.cu

javascript - 在 vue.js 中更新数据属性/对象

有没有办法以编程方式更新vue.js中的data对象/属性?例如,当我的组件加载时,我的数据对象是:data:function(){return{cars:true,}}在触发事件后,我希望data对象看起来像:data:function(){return{cars:true,planes:true}}我试过:module.exports={data:function(){return{cars:true}},methods:{click_me:function(){this.set(this.planes,true);}},props:[]}但这给了我错误this.setisnota

javascript - Vue.js 无法读取 null 的属性 'length'

如果我这样做:面板不会隐藏。如果我单独检查socialiteLogins===null,或者使用==,它们都会返回对象不为空。它绝对是空的。如果我将它转储到页面上,我会得到[]作为结果。它是一个空的json对象。所以如果我试试这个:面板仍然没有隐藏,我得到这个错误:Cannotreadproperty'length'ofnull但是如果我这样做:它完美地隐藏了面板,在初始加载时没有任何警告,但是当我稍后更新socialiteLogins变量时,如果它再次返回一个空的json对象,我会收到长度警告。知道为什么吗?编辑:添加到它...如果我这样做:它在初始加载时显示,即使没有,但如果我在页

javascript - 如何将 vanilla .js 添加到自定义 Vue 组件

我正在尝试添加一个简单的date-picker到自定义vue组件。我没有使用webpack,所以我想避免使用现成的.vue组件,我更愿意了解如何将简单的javascript添加到vue。我正在关注thisofficialvuetutorial我也看过thiscodepen但我无法让日期选择器出现。这是我的jsfiddle:HTML:应用程序.js:Vue.component('date-picker',{extends:Flatpickr,mounted(){this.Flatpickr(date-elem,{})}})如何在不需要.vue文件、webpack等的情况下轻松地将vani

javascript - rails 5 : Access to geolocation was blocked over insecure connection to http://localhost:3000

我正在为我的Rails应用程序使用html5地理定位,但是当我单击tryit按钮时,以下错误出现在safari浏览器控制台下的显示网络检查器控制台:getLocation—localhost:83[blocked]Accesstogeolocationwasblockedoverinsecureconnectiontohttp://localhost:3000.代码如下:TryItvarx=document.getElementById("demo");functiongetLocation(){if(navigator.geolocation){navigator.geolocati

javascript - PhantomJS/CasperJS - 无限期地保持 session 打开并通过 HTTP 与其交互?

我想要一个CasperJS脚本来启动一个页面,然后无限期地保持打开状态,这样我就可以随时通过HTTP向它发送命令。问题是整个CasperJS进程在casper.run调用完成后立即关闭。我尝试通过在一个步骤中使用长时间的wait调用来解决这个问题,但是随后Web服务器无法对Casper执行任何操作,因为Casper正忙于等待wait调用完成。varport=6100;varcasper=require("casper").create();casper.start("http://google.com");casper.then(function(){//IfIincludethisw

javascript - 单击按钮时 Vue : How to call . focus()

我昨天才开始使用vue.js编码,我不知道如何在不使用“传统”JS方式(即document)的情况下“关注”文本框。getElementById('myTextBox').focus().最初,我的文本框是隐藏的。我有一个“开始”按钮,当用户点击它时,会显示文本框,我想在那里设置focus,可以这么说。我已经尝试使用ref,但无济于事(请参阅下面的代码)。HTML:Javascriptexportdefault{name:'game',methods:{startTimer(){setTimeout(function(){/*.focus()won'tworkwithoutthis*/