目的是不斷讀取后臺(tái)tomcat的日志,為了性能,jquery對(duì)象提早用全局變量記錄好了。但是發(fā)覺(jué)在onmessage方法里,操作該對(duì)象,F(xiàn)12調(diào)試?yán)锟吹絛iv的html內(nèi)容都正常,但是界面沒(méi)有實(shí)際效果。非要直接寫jquery對(duì)象才可以,用不了全局的定義。請(qǐng)大伙直接看注釋部分↓<div id="app"> <div id="log-container" style="height: 650px; overflow-y: scroll; background: #333; color: #aaa; padding: 10px;"> <div> </div> </div></div><script> let a=1; let $div = $("#log-container div").eq(0); let $container = $("#log-container"); let vm = new Vue({ el: '#app', data: { ws: null, webHost: window.location.host }, created() { this.ws = new WebSocket('ws://' + this.webHost + '/log'); $div.append('1'); // 成功 this.ws.onmessage = function (event) { ++a; // 成功 $div.html(a); // 無(wú)效果 $container.scrollTop($div.height() - $container.height()); // 成功 }; this.ws.onerror = function (evt) { alert("出錯(cuò)啦"); }; }, methods: {} });</script>
js的WebSocket的onmessage方法遇到j(luò)query的奇怪現(xiàn)象
繁華開(kāi)滿天機(jī)
2019-03-15 18:15:24