vue强制更新
发表于|更新于
|浏览量:
人生是花,而爱便是花的蜜。——雨果
我们可以使用:
1 | this.$forceUpdate(); |
去强制重新渲染vue的页面元素
一般用于异步请求回调后赋值完毕,但页面未渲染的情况下
官方文档介绍如下:
示例:
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
相关推荐
2022-09-30
tui-image-editor
世间最好的东西,莫过于有几个头脑和心地都很正直的严正的朋友——爱因斯坦 分享一个在线图片编辑器,用于裁剪、调整色彩等 官网:https://ui.toast.com/tui-image-editor git地址:https://github.com/nhn/tui.image-editor 功能强大,十分出众 在文档里:https://nhn.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect 还有不同的例子:
2024-09-08
PhaserJS网页2D游戏引擎
教育不可缺的是天性与训练。人必须趁年轻就开始学习。——普罗达哥拉斯 项目介绍 PhaserJS 是一个开源的 2D 游戏引擎,使用 HTML5 和 JavaScript 构建。它功能强大且灵活,广泛应用于网页游戏和移动游戏开发。PhaserJS 提供了丰富的 API 来支持图形渲染、物理引擎、动画、声音处理等常见的游戏开发功能,使开发者能够轻松创建跨平台的 2D 游戏。 PhaserJS 的主要特点: 丰富的图形和动画支持:提供 Sprite、Tilemap、Particle 等多种图形元素支持,方便实现复杂的游戏画面。 强大的物理引擎:内置多种物理引擎,包括 Arcade Physics 和 Matter.js,支持游戏物体的碰撞、重力等物理效果。 跨平台:PhaserJS 支持在浏览器、移动设备等多种平台上运行,适用于开发基于 Web 的跨平台游戏。 易用的 API:PhaserJS 提供了清晰、易用的 API,使得游戏开发流程更加顺畅和直观。 官方文档、GitHub地址 官方网站:PhaserJS Documentation GitHub 仓库:phase...
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性,不然就是奴才。但自尊不是轻人,自信不是自满,独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件,别忘了加对应的高度,以及检查overflow-y: 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长(超过外部div高度)的内容...</div> 然后是滚动事件处理: 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2025-08-20
papermark
常制不可以待变化,一涂不可以应万方,刻船不以索遗剑。一一东晋·葛洪《抱朴子》 https://github.com/mfts/papermark Papermark:开源 DocSend 替代方案,智能文档分享新体验在数字化办公和远程协作日益普及的今天,文档安全分享与跟踪成为企业和个人不可或缺的需求。你是否曾因为发送合同、方案、报告时无法精准掌控访问和分析而苦恼?你是否希望拥有一款既能自定义品牌,又能实时统计文档访问的数据房间工具?如果你的答案是肯定的,那么你一定要试试 Papermark —— 一个正在快速崛起的开源 DocSend 替代项目! 一、项目简介Papermark 是一款完全开源的文档分享与跟踪平台,被誉为“开源版 DocSend”。它支持个性化品牌、定制域名、内置访问分析,并允许开发者和企业自部署、自定义,保障数据安全和可控性。 项目主页:https://papermark.com GitHub地址:https://github.com/mfts/papermark 项目定位:开源、安全、可自托管、可扩展的数据房间/文档分享平台 最新 Star 数...
2025-05-13
wangeditor自定义事件踩坑记录
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 文档: https://www.wangeditor.com/v5/toolbar-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6 今天踩坑发现会重复触发,哪怕是使用的 1editor.once('event-key', fn) once只监听一次的,也会在一些情况下重复触发。。。
2025-02-26
JS的线程模型和事件循环机制
生命不是安排,而是追求。——弗吉尼亚·伍尔芙 从线程和浏览器底层执行的角度来看,JavaScript 的延迟/休眠功能是如何实现的呢? 线程模型和事件循环JavaScript 的执行环境(如浏览器或 Node.js)是单线程的,这意味着在任何给定的时间点,只有一个线程在执行 JavaScript 代码。为了管理并发操作,JavaScript 依赖于事件循环(Event Loop)。 事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤: 检查调用栈(Call Stack),如果调用栈为空,则继续。 检查消息队列(Message Queue),如果消息队列中有待处理的任务,则取出队首的任务并执行。 重复以上步骤。 宏任务和微任务在事件循环中,有两种类型的任务:宏任务(Macro Task)和微任务(Micro Task)。 宏任务:包括整体脚本执行、setTimeout、setInterval、setImmediate(Node.js)等。 微任务:包括 Promise 的回调、process.nextTick(Node.js)、Mutation...
