欢迎来到 前端开发笔记

一个属于前端开发者的笔记站点

Element UI Loading 加载组件动态变更 text 值(加载文案)

有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。如果我想在 loading 的时候,同时显示上传的进度值,于是我在 text 值里拼接上进度值变量,发现只显示最初的进度变量值,并没有随着变量的改变而更新视图。

官方文档里也没有提供能动态改变加载文案的 API,网上看到有人说可以使用 setText 来设置 text 值,于是使用以下方法试了试,还真的可以

生成以周统计的表头,跨月份的周算在后一个月

这是人力统计的一个表格的表头,根据月份,划分周,每周从周一开始到周日(国内习惯性)。而跨月份的周算在前一个月还是后一个月,我们的需求是算在后一个月。根据情况而定。

ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字

当我们使用 ElementUI 构建表单页面的时候,经常需要使用到复合型输入框,可前置或后置元素,一般为标签或按钮,作为该输入框的说明性文字。

但是 DatePicker 日期选择器组件并没有提供 Slot 来让我们添加同样的解释性文字,如果只是用 placeholder 说明,当选择日期后我们并不知道该区域是干什么的。

想达到 Input 组件同样的 UI 效果,好像只能自己想办法了。(有点疑惑,为什么日期组件官方没有提供前置和后置 Slot 插入内容的功能,这个场景还是很常见的)

程序员的工作周报怎么写?

周报作为一种文字载体,是下级向上级汇报工作的一种途径,一般以邮件的形式,发送给自己的直接领导或者抄送给上上级以及小组成员。时间会定在周五工作结束之前,如果周末有加班,最晚在下周一前发出,作为这一周以来的工作的一个总结。

内容一般以这周工作的主要内容为主,附带一些主观的总结和感受,比如解决了哪些疑难问题,工作上的改进和成长点。如果能夹带一些对工作上的改进意见希望领导能够帮助解决,那么这份周报作为一种工作上的沟通或许更有价值。避免周报成为概括工作内容的流水账。

Vue刷新页面有哪几种方式

在Vue项目中,刷新当前页除了 window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。

在某个详情页面的时候,我们经常需要通过路由中的详情 id 去获取内容,当我们在不同的详情页来回切换的时候,打开的页面是同一个,只是需要通过监听路由中的参数 id 的变化去重新请求详情接口。

Vue 页面如何监听用户预览时间

最近的业务中涉及到这样一个需求,在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数 mounted 和 destroyed,分别在其中加入开始计时和清除计时的逻辑,通过后台的接口上报对应的培训素材的时间数据,即可达到目的

如何全局引入 Vue Composition API

使用过Vue3 开发的难免会被每个页面都要引入 vue 的Api而烦恼,这也是相较 2.x 版本的最大的区别。有相过为什么要这样做吗?

因为在 2.x 的版本中,我们在入口文件 main 中全局注册唯一的vue对象实例,而所有的api都可以通过这个对象的引用获得。Vue 3的改进就是要优化打包的体积,更方便的进行复用逻辑组件,分成一个个的小的vue 实例,从而Api也是根据需要手动引入。

Sidebar