- 博客(28)
- 收藏
- 关注
原创 el-date-picker和el-select弹出框样式修改无法生效问题
注:修改完成之后就可以使用/deep/和::v-deep穿透进行修改样式了。问题原因:未设置下拉框属性,下拉框默认会插入到了body中,需要修改属性值。
2024-08-27 09:31:54 242 1
原创 [ECharts] There is a chart instance already initialized on the dom.
就是当前页面的当前图表在重绘时,当前图表未销毁,但是不影响当前渲染效果,后面你加入点击事件以及一些其它的图表操作,它会重复触发多次,所以,要想办法将其销毁重构。有一个关于dom的图表实例已初始化。方法,试过了,没有用;
2024-05-14 10:23:14 1723
原创 vue插件实现全屏效果screenfull(包含全屏,退出全屏的切换,绑定F11和Esc按键切换)
vue插件实现全屏效果screenfull(包含全屏,退出全屏的切换)
2023-12-05 15:15:41 2685 3
原创 css3实现div动画效果(横向循环播放,首尾相连)(animation和transform)
循环部分需要写两遍,保证首尾相连。3.效果图(截不了动态的)
2023-11-24 10:31:53 2118
原创 echarts柱状图添加点击事件,但无法触发弹窗(不显示问题)
这种写法的问题在于点击事件用的是funtion,因为用了funtion后事件里的this指向就不是原来的指向了,所以即便this.dialogVisibleA的输出结果是true也不会触发打开弹窗。首先在el-dialog弹出框上加上append-to-body,然后将function改为=>写法。(还有另一种解决方案,就是在定义that=this,也可解决)
2023-07-04 09:46:55 1827
原创 三大家族-
console.log(div.offsetHeight,div.offsetWidth)//盒子的宽度和高度116 116 内容+内边距+边框。console.log("X轴:"+e.offsetX+"---Y轴"+e.offsetY)//根据盒子来计算坐标的。console.log("X轴:"+e.clientX+"---Y轴"+e.clientY)//浏览器的第一个视角。console.log("X轴:"+e.pageX+"---Y轴"+e.pageY)//根据页面来计算的坐标。
2023-03-24 15:10:10 59
原创 鼠标常用的事件
onmouseover: 鼠标移入事件(可以触发冒泡)onmouseout: 鼠标移出事件(可以触发冒泡)onmouseenter: 鼠标移入事件(不会触发冒泡)onmouseleave: 鼠标移出事件(不会触发冒泡)onfocus: 获取鼠标焦点事件。onclick: 鼠标点击事件。onblur: 失去鼠标焦点。onmouseup: 鼠标弹起触发。onmousedown: 鼠标按下触发。onmousemove: 鼠标移动事件。
2023-03-24 15:08:58 1187
原创 防抖节流含义
比如生活中的坐公交,就是一定时间内,如果有人陆续刷卡上车,司机就不会开车。只有别人没刷卡了,司机才开车。比如人的眨眼睛,就是一定时间内眨一次。这是函数节流最形象的解释。函数节流是指一段时间内js方法跑少次。函数防抖是指一段时间内js方法跑最后一次。
2023-03-24 15:05:17 55
原创 HTTP协议
响应行:在Response Headers下的第一行可以找到,如果没有找到,可以点击view parsed。请求行:在Request Headers下的第一行可以找到,如果没有找到,可以点击view parsed。Accept-Language:描述客户端期望接收那种语言类型的文本内容,比如:英文类型或者中文类型。Content-Length:告诉客户端,服务端响应的内容的长度。X-Powered-By:告诉客户端 服务器叫做什么服务器。Content-Type:服务器响应的是格式格式。
2023-03-24 15:03:02 67
原创 vue项目运行报错:error:0308010C:digital envelope routines::unsupported
node.js版本过高,导致项目初始运行报错
2022-12-06 15:18:58 1756 4
原创 vue的el-upload上传图片(多选上传,怎么拿到最后一张上传结束状态)(表单提交,异步上传问题)
本来是单选上传,接口也是单对单,后来改了需求,要求多选上传,在不让后端改接口的情况下实现了图片的多选上传,主要是on-success是异步提交,无法拿到最后一张上传完成状态,后来换了一种方法实现的。html部分<div class="screenFrame"> <!-- 图片上传 --> <div class="screenFrame-top"> <el-upload
2022-05-31 17:12:32 2956
原创 vue项目滚轮失效问题
我也是遇到这个问题,分享一下解决方案和思路;1.首先要找到你要滚动的页面节点,在浏览页面找到他的父元素,然后更改父元素的overflow属性 overflow: auto;(没改之前是overflow:hidden,超出部分隐藏自然不能滚动);2.类似问题都可以从根源下手,一样的解决思路。...
2022-03-24 16:21:04 5424 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人