sdaulee的博客

看文档Switch 开关 | Element Plus 设置beforeChange属性，若返回 false 或者返回 Promise 且被 reject，则停止切换。 const beforeChange2 = () => { loading2.value = true return new Promise((_, reject) => { setTimeout(() => { loading2.value = false ElMessag

vue2项目中使用keep-alive,可在路由跳回该组件时展示跳走前的数据形式，滚动条等。 步骤1：在route.js中使用keepAlive属性，并且定义一个scrollTop存储滚动条位置 { path: "/check/list", name: "CheckList", component: CheckList, meta: { title: "审核列表", keepAlive: true, scrollTop: 0

需求统计当天的登录次数，及每次持续时间。 实现：echarts 折线图+x轴（time）+y轴（value） 返回的数据长这样： 重新组织数据，把每一次的start_time和end_time包装成一个折线图的起止 let data = [ { name: item.start_time, value: [item.start_time, index + 1] }, { name: item.end_time, value: [item.end_time,...

需求是展示不同分类的浏览时长，精确到秒，确定是柱状图+x轴（category）+y轴（time） 官方文档上只说y轴type可以是time，但没看到示例。 多方查找， yAxis: { type: "time", min: `${BASE_TIME} 0:00:00`, max: `${BASE_TIME} 23:59:59` }, option中的yAxis如斯设置，BASE_TIME是自己随便定义的...

video的两个事件play 和 ended 全屏显示，参考了 版权声明：本文为优快云博主「CurryChou777」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.youkuaiyun.com/m0_37727560/article/details/106024057 最后实现就是： template模板中： <video src="http://haier-dev

vant Dialog组件引入 import { Dialog } from 'vant' export default{ components: { Dialog: Dialog.Component//！！！！坑 } } template中使用 <Dialog v-model="showSuccess" title="注册完成" > <div>链群编码：932302339093030</div> <div>核准日期：<

window.scrollTo(x, y)不好使 document.body.scrollTo(x, y)好使 Vue项目中。

最近做了个权限管理的功能，主要就是为不同的角色或者用户设置不同的权限。布局使用的elementUI的抽屉组件和container容器布局。实现方式是组件递归调用。主要用到了父子组件之间的通信。 点击列表中的权限设置，弹出抽屉组件。 抽屉组件在主页面中使用 <el-drawer :title="drawerTitle" size="90%" :visible.sync="drawer" custom-class="permission-dr

项目中需要一个圆形进度条，本着能省则省的原则，先去elementui上看了下，傻眼了，不一样，ui直接否定了这个办法。这个是设计，这个是elementui上面的，差很多吗？yes! 去百度了发现自己画一个也不是很费事，经过一番思想建设，对，就是在想ui为啥要求这么严格，哈哈哈，开干！ 先画了个差不多的，两个圆圈简单点，代码如下： <?xml version="1.0" stan...