11 2021 档案
父子组件间的双向数据绑定
摘要:vue提供了.sync修饰符,说白了就是一种简写的方式,我们可以将其当作是一种语法糖,比如v-on: click可以简写为@click。sync修饰符,与我们平常使用$emit实现父子组件通信没有区别,只不过是写法上方便一些。 背景: 日常开发时,我们总会遇到需要父子组件双向绑定的问题,但是考虑到组
阅读全文
计算两个时间的时间差
摘要:原理: 时间戳为 1970-01-01 08:00:00 距现在时间的毫秒数, 因此可以将两个时间戳相减获取两个时间的毫秒数,再将毫秒数转换成所需要的时间 const TimeDifference = (stime,etime) => { // let d1 = new Date(faultDate
阅读全文
vuex中actions的使用
摘要:作用: 调用异步操作,获取数据后调用mutations改变state中变量的值,或返回请求的结果到页面的方法中 使用方法: 设置方法: 1. 仅改变state中变量的值 (1) 调用接口获取数据 (2) 调用mutations中方法改变state中的变量的值 (3)变量储存,方便页面之后调用 2.
阅读全文
在使用element ui中的transition组件做页面切换动画效果时的组件显示残留问题
摘要:原因: 页面切换后组件消失的动画还未完成,造成切换页面后有短时间的显示残留 解决办法: 在组件类中手动隐藏动画显示
阅读全文
js实现文件下载
摘要:一、HTML与文件下载 如果希望在前端侧直接触发某些资源的下载,最方便快捷的方法就是使用HTML5原生的download属性,例如: <a href="large.jpg" download>下载</a> 但显然,如果纯粹利用HTML属性来实现文件的下载(而不是浏览器打开或浏览),对于动态内容,就无
阅读全文