![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue组件
开心每一天!
这个作者很懒,什么都没留下…
展开
-
element plus el-switch 的before-change 如何带参数
看文档Switch 开关 | Element Plus设置beforeChange属性,若返回 false 或者返回 Promise 且被 reject,则停止切换。const beforeChange2 = () => { loading2.value = true return new Promise((_, reject) => { setTimeout(() => { loading2.value = false ElMessag原创 2022-05-17 16:59:49 · 6599 阅读 · 5 评论 -
vue2 中使用keep-alive
vue2项目中使用keep-alive,可在路由跳回该组件时展示跳走前的数据形式,滚动条等。步骤1:在route.js中使用keepAlive属性,并且定义一个scrollTop存储滚动条位置{ path: "/check/list", name: "CheckList", component: CheckList, meta: { title: "审核列表", keepAlive: true, scrollTop: 0原创 2022-01-12 19:32:12 · 3650 阅读 · 0 评论 -
echarts x轴显示time
需求统计当天的登录次数,及每次持续时间。实现: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,...原创 2021-10-27 17:31:10 · 6342 阅读 · 0 评论 -
echarts y轴显示为时间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是自己随便定义的...原创 2021-10-27 16:14:23 · 8264 阅读 · 8 评论 -
video标签点击播放时直接全屏显示,播放完成后变成之前的样子
video的两个事件play 和 ended全屏显示,参考了版权声明:本文为CSDN博主「CurryChou777」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/m0_37727560/article/details/106024057最后实现就是:template模板中: <video src="http://haier-dev转载 2021-10-27 15:52:38 · 5684 阅读 · 4 评论 -
vant dialog组件使用
vant Dialog组件引入import { Dialog } from 'vant'export default{ components: { Dialog: Dialog.Component//!!!!坑 }}template中使用<Dialog v-model="showSuccess" title="注册完成" > <div>链群编码:932302339093030</div> <div>核准日期:<原创 2021-05-19 14:36:46 · 4700 阅读 · 0 评论 -
2020-11-24 window.scrollTo(x, y)不好使
window.scrollTo(x, y)不好使document.body.scrollTo(x, y)好使Vue项目中。原创 2020-11-24 19:29:00 · 963 阅读 · 0 评论 -
2020-11-04记一次组件递归调用
最近做了个权限管理的功能,主要就是为不同的角色或者用户设置不同的权限。布局使用的elementUI的抽屉组件和container容器布局。实现方式是组件递归调用。主要用到了父子组件之间的通信。点击列表中的权限设置,弹出抽屉组件。抽屉组件在主页面中使用<el-drawer :title="drawerTitle" size="90%" :visible.sync="drawer" custom-class="permission-dr原创 2020-11-05 12:52:24 · 237 阅读 · 0 评论 -
使用svg画圆环
项目中需要一个圆形进度条,本着能省则省的原则,先去elementui上看了下,傻眼了,不一样,ui直接否定了这个办法。这个是设计,这个是elementui上面的,差很多吗?yes!去百度了发现自己画一个也不是很费事,经过一番思想建设,对,就是在想ui为啥要求这么严格,哈哈哈,开干!先画了个差不多的,两个圆圈简单点,代码如下:<?xml version="1.0" stan...原创 2019-10-21 17:47:48 · 6171 阅读 · 1 评论