代码拉取完成,页面将自动刷新
A Vue component to use Web Workers in a simply way
yarn add vue-web-workers
npm install vue-web-workers
...
import VueWebWorkers from "vue-web-workers";
@Component({
components: { VueWebWorkers }
})
export default DEMO extends Vue {
private worker: Worker | null = null;
private postMessage = { action: "", data: null };
// eslint-disable-next-line @typescript-eslint/no-explicit-any
public onMessage(args: any) {
console.log(args);
}
public sendByWorker() {
this.worker && this.worker.postMessage({ action: "sendByWorker", data: null });
}
public sendByPostMessage() {
this.postMessage = {
action: "sendByPostMessage",
data: null
};
}
protected render() {
return (
<div >
<VueWebWorkers v-model="worker" @message="onMessage" :postMessage="postMessage">
addEventListener('message', async (event) => {
setTimeout(() => postMessage(Object.assign({}, event.data, {state: true})), 1000)
})
</VueWebWorkers>
<button @click="sendByWorker">SendByWorker</button>
<button @click="sendByPostMessage">SendByPostMessage</button>
</div>
)
}
}
See GitHub.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。