vue强制更新
发表于|更新于
|浏览量:
人生是花,而爱便是花的蜜。——雨果
我们可以使用:
1 | this.$forceUpdate(); |
去强制重新渲染vue的页面元素
一般用于异步请求回调后赋值完毕,但页面未渲染的情况下
官方文档介绍如下:
示例:
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
相关推荐
2022-04-02
Object.fromEntries
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 文档 我们可以用其将Iterator转换为对象,例如Map、Array或者实现@@iterator方法的的对象 1Object.fromEntries(new URLSearchParams("q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4")) 1Object.fromEntries(new Map(new URLSearchParams("q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4"))) 例如我这里写一个class,实现迭代协议 1234567891011121314...
2022-03-16
自定义scroll滑块样式
这个天地,我来过,我奋战过,我深爱过,我不在乎结局。——今何在 《悟空传》 代码如下: 12345678910111213141516171819202122232425262728/* 滚动条整体部分 */::-webkit-scrollbar { width: 12px;}/* 滚动条两端的按钮 */::-webkit-scrollbar-button {}/* 外层轨道 */::-webkit-scrollbar-track { background: #eee; border-radius: 18px;}/* 内层滚动槽 */::-webkit-scrollbar-track-piece { }/* 滚动的滑块 */::-webkit-scrollbar-thumb { border-radius: 18px; background: #bbb;}/* 边角 */::-webkit-scrollbar-corner { }/* 定义右下...
2023-09-12
安装prettier-vscode并指定
纯洁的思想,可使最微小的行动高贵起来。——莎士比亚 我们在使用vscode格式化代码时,可能有多个可选的格式化风格方案,这里使用prettier进行 其github地址: https://github.com/prettier/prettier-vscode 安装完毕后即可指定
2024-06-22
vue3侦听器
君子不责人所不及,不强人所不能,不苦人所不好。——王通 官方文档 侦听器 | Vue.js 写法有点不同 1234567891011121314151617181920212223242526272829303132<script setup>import { ref, watch } from 'vue'const question = ref('')const answer = ref('Questions usually contain a question mark. ;-)')const loading = ref(false)// 可以直接侦听一个 refwatch(question, async (newQuestion, oldQuestion) => { if (newQuestion.includes('?')) { loading.value = true answer.value = 'Thi...
2024-12-16
EqualUI
文人灵魂深处必须是一个野蛮人。——芥川龙之介 https://equal-ui.github.io/Equal/ https://github.com/Equal-UI/Equal Equal-UI:构建现代Vue 3应用的UI组件库 在开发现代Web应用时,一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库,提供了丰富的组件和优雅的设计,帮助开发者快速构建高质量的用户界面。 什么是Equal-UI?Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件,适用于各种现代Web应用场景。 核心特性 Vue 3支持:专为Vue 3优化,充分利用Composition API和其他新特性。 现代化设计:组件风格简洁优雅,遵循现代UI设计原则。 高度可定制:支持主题定制,开发者可以轻松调整组件外观以满足需求。 无依赖:尽量减少对第三方库的依赖,确保轻量级和高性能。 TypeScript支持:提供完善的类型定义,提升开发体验和代码质量。 快速开...
2023-04-07
sketch.js
生活中,谅解是可以温厚的宽恕;谅解可以换回感情上的损失。——佚名 分享一个前端项目:https://soulwire.github.io/sketch.js 用途是可以做一些鼠标特效,例如其官网有很多例子: https://soulwire.github.io/sketch.js/ 非常的有趣

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog