跳至主要內容
解决vue i18n te方法不生效

在之前vue2的版本中,经常在axios请求中对于后端返回的部分错误码进行国际化报错处理,使用te('some.key')判断key是否在国际化文件中,如果存在就翻译key进行报错,如果不存在则提示后端返回的具体错误信息。新项目使用Vue3 + vue-i18n-next,发现在使用te或者$te方法均返回的false,Google搜索一番后找到一个issue完美解决问题,记录下相关的代码。


Bing🐣小于 1 分钟VueVuei18n
Vue 3.4 发布

本文为翻译
原文地址:Announcing Vue 3.4

今天,我们非常高兴地宣布 Vue 3.4"🏀大灌篮 "正式发布!

该版本包含一些实质性的内部改进-其中最显著的是重写了模板解析器,速度提高了 2 倍,还重构了反应性系统,使效果触发更准确、更高效。此外,它还对 API 进行了一系列质量改进,包括稳定了 defineModel 和绑定道具时的新同名简称。

本文章概述了 3.4 中的重点功能。有关变更的完整列表,请查阅GitHub 上的完整更新日志


Bing🐣大约 6 分钟VueVueVue3
Vue3 中使用 fake-progress 模拟“真实”的进度条

最近在逛 GitHub 的过程中发现一个很有趣的库,fake-progress,用来模拟“真实”的进度条,虽然看着已经很多年没更新了,但是不妨碍在 Vue3 中集成使用,这样就不用手搓模拟进度条了,在页面加载顶部进度条、文件上传进度条等等很有用处。


Bing🐣大约 3 分钟VueVue3VueVue3fake-progress
文字超长显示省略号和 ToolTip

日常开发过程中避免不了需要显示一些内容,但是内容超长了需要显示...,鼠标悬停需要显示完整内容,原生的title属性虽然可以做到上述的需求,但是完整内容无法复制,也不适用于隐藏的内容是非纯文本的情况,一般 UI 组件都会提供 ToolTip 的组件,我们就可以利用这个组件控制鼠标悬停显示完整内容。下面记录下实际开发过程中使用 Element UI 或者 Ant Design Vue 实现该需求过程。


Bing🐣大约 5 分钟VueElement UIAnt Design VueVueElement UIAnt Design VueToolTip
Ant Vue 1.x 动态自定义换肤

由于项目老平台使用的 UI 框架是 Ant Vue 1.x 的版本,首先考虑的就是官方自己的Pro Admin平台的方案,由于 Ant Admin 的方案只支持了主题色换肤,而内容项目平台是需要支持多种颜色换肤,如主题色、各个功能色,超链接等颜色换肤。既然官方的 Admin 平台支持换肤,咱们就去具体研究下怎么实现的,既然支持一种那应该也支持多种颜色的换肤的。


Bing🐣大约 13 分钟VueAnt Design VueVueAnt Design VueAnt Vue一键换肤