草庐IT

vue-socket

全部标签

javascript - Vue.js 1.0 方法不会在更改选择时触发

关注Vue.js1.0examples,我用v-model项目做了一个选择下拉列表,像这样:{{project}}SchoolPersonalWorkjs位:newVue({el:'#main',data:{project:''},methods:{changeProject:function(){console.log(this.project);}}});标签{{project}}显示正确,但是当我在选择下拉列表中选择另一个值时,它不会触发方法changeProject。我在这里错过了什么?干杯。编辑:在@mustafo的回答之后,我尝试使用@click方法创建一个简单的按钮并打印

javascript - Vue Tables 2 - 自定义过滤器

我正在尝试使用这个https://github.com/matfish2/vue-tables-2使用Vue2.1.8。它工作得很好,但我需要使用自定义过滤器根据它们的值等来格式化一些字段。在选项中我有这个:customFilters:[{name:'count',callback:function(row,query){console.log('seeme?');//Notfiringthisreturnrow.count[0]==query;}}]在文档中说我必须这样做:Usingtheeventbus:Event.$emit('vue-tables.filter::count',

javascript - 自动重新连接超时后如何重新连接 socket.io 客户端?

笔记本电脑进入休眠状态很常见。这会导致socket.io客户端断开连接。当用户返回到Web应用程序时,socket.io客户端不会尝试重新连接(可能达到重新连接限制?)。如果用户执行某些操作,我如何告诉套接字重新连接?例如,我希望emit函数检查连接是否处于事件状态,如果没有则尝试重新连接。注意:我只需要客户端JS代码,我没有使用node.js。 最佳答案 在0.9版中,您可以尝试将连接选项对象设置为一些激进的设置:varmain=io.connect('/',{'reconnectiondelay':100,//defaultst

javascript - 需要 : var io = require ('socket.io' )(http); 的双参数

我是node和JS的新手,正在研究socket.io聊天示例(http://socket.io/get-started/chat/)。我在服务器中遇到了这段代码:varapp=require('express')();varhttp=require('http').Server(app);vario=require('socket.io')(http);我看过其他教程,之前从未见过require之后的双括号。(http)部分有什么作用?它是require的参数,它改变了类型,还是其他什么?谢谢! 最佳答案 在JavaScript中,

javascript - Vue.js 交换数组项

在我的vue.js应用程序中,我尝试像这样交换2个论坛行:exportdefault{data(){return{forums:[]}},methods:{increment(forum,index){ForumService.increment(forum).then(()=>{letb=this.forums[index];this.forums[index]=this.forums[index++];this.forums[index++]=b;});}}}但是没有任何反应?我在这里做错了什么? 最佳答案 虽然@dfsq关于i

javascript - 在具有多个嵌套对象的对象中使用 Vue.set

我正在尝试使用Vue.set()更新Vue2中的状态对象。这是对象的样子:state:{entries:[//entry1fields:{someProperties:''//hereIwouldliketoaddanotherpropertynamed'googleInfos'}],[//entry2fields:{someProperties:''//hereIwouldliketoaddanotherpropertynamed'googleInfos'}]}到目前为止,我正在用这个突变更新它。我正在分别改变每个条目,因为它们有不同的内容。ADD_GOOGLE_INFOS(stat

javascript - 以 gzip 格式从 node.js 服务器向客户端发送 socket.io 响应数据

我遇到的问题是我不知道如何判断我发送回客户端的数据是否以gzip格式压缩。从我看到的命令行查看服务器的输出:debug-websocketwriting3:::{"result":1368673052397}debug-websocketwriting3:::{"result":1368673053399}...对我来说,这看起来像是服务器正在以ascii格式写入响应,而不是在发送之前先压缩它。下面是我为产生这些结果而编写的示例。从我读过的内容来看,只要我设置了“浏览器客户端gzip”,我的回复就应该以gzip格式发送。如果它们不是,我该怎么做,如果是,我如何从服务器的调试信息中判断它

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 - 在 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对象,我会收到长度警告。知道为什么吗?编辑:添加到它...如果我这样做:它在初始加载时显示,即使没有,但如果我在页