草庐IT

vue-socket

全部标签

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 - Socket.io 消息事件多次触发

我正在尝试学习node并开始使用socket.io创建混搭消息传输已经开始,但我遇到了一些麻烦。消息事件多次触发,导致一条消息在收件人的框中多次出现。我已将套接字路由到exports.chat并且想知道这是否导致了问题?缩小问题范围:消息触发次数=客户端的连接顺序。也就是说,如果客户端第二次连接,他的消息将触发两次。客户端第三次连接三次。这是代码片段:exports.chat=function(io,pseudoArray,req,res){res.render('chat',{title:'ChatPanel.'});varusers=0;io.sockets.on('connect

javascript - socket.io - socket.on 等待 promise

我有一个按钮可以与服务器进行一些通信,以检查输入的值(通过输入框)是否已经存在。代码如下:$("#button").click(function(){varexists=false;varname=$("#name").val();socket.emit("check",name);socket.on("checkReturn",function(data){exists=data.result;});if(exists){console.log("exists")}else{if(name.length>0){socket.emit("create",name);}}});});问题

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')

javascript - 使用 Socket.IO 时如何访问 session 标识符?

我要聊天,我需要管理唯一连接。我四处搜索,但我发现的所有解决方案似乎都已被弃用。那么,我如何使用Socket.IO获取套接字的sessionID?我正在使用Node.js,Express.js和Socket.IO. 最佳答案 使用Socket.IO身份验证设置,并将cookie传递给Express的cookie解析器中间件。一旦cookie被解析,就可以获得客户端的sessionID,并从sessionstore中获取关联的session,无论是内存故事还是其他类型的store。//weneedtousethesamesecretf

javascript - Node.js 和 Socket.io : Self-signed certificates for a secure websocket connection

我一直在网上寻找直接的答案,但大多数解决方案都涉及使用Express和提供HTTP内容以实现安全连接。我对Node.js和socket.io的安全网络套接字连接(wss)更感兴趣我不使用Node.js进行HTTP请求。我使用与Node.js配合使用的socket.io模块将消息实时传递到我的应用程序。我只将Node用于网络套接字连接。我将简要说明我的设置是什么。我使用Django作为我的HTTP后端。用户向Django发出请求,Django将该请求的内容转发给Redis,Node.js监听Redis的一个channel,它处理内容并将消息发送给适当的接收者。非常简单直接。一切正常。但我