- 博客(7)
- 收藏
- 关注
原创 naive-ui低版本浏览器兼容问题n-data-table->scrollbar不适应父元素的高
可以看到组件库封装scrollbar的时候,给了子组件(当前元素:last-child)一个flex-grow:1。在低版本浏览器部署项目的时候,naive-ui组件库data-table组件内容区域不能滚动。所以给当前元素一个display: flex;解决,要修改子组件高度继承,所以要更改父组件的direction。2. 继续看子元素,没有继承父组件的高度。
2023-03-02 14:52:52
531
原创 vue项目video、img配合canvas截图及资源跨域处理
[解决] VUE项目video、img截图及资源跨域处理视频截图视频截图代码如下:<template> <div class="info"> <video crossOrigin="anonymous" // 1.跨域处理 [crossOrigin](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) style="width:653px;heig
2020-11-23 16:06:10
2736
1
原创 一维数组转父子嵌套数据组
场景说明在工作中通常会遇到一维数组转多维数组的情况,比如后台动态返回router路由动态数据,地域三级联动、菜单嵌套等等。我们需要根据返回的扁平化数据进行处理双循环找到匹配项,进行递归let arr = [ { id: 1, pid: 0, name: '父1' }, { id: 2, pid: 0, name: '父2' }, {
2020-09-11 10:59:56
543
原创 el-upload组件自定义上传无法正常显示本地图片
[解决] el-upload组件自定义上传无法正常显示本地图片问题说明自定义图片上传方法,文件参数信息解决使用自定义方法参数信息中的参数对象问题说明在使用el-upload组件中通常会遇到请求不满足的情况或者需要接受参数,这时候我们就会用到自定义上传。而组件库在使用自定义上传的时候会覆盖默认的上传行为,导致我们不能对一些数据进行处理。文件转base64自定义图片上传方法,文件参数信息使用自定义方法上传时,文件参数信息除了文件信息,还有一些方法参数解决使用自定义方法参数信息中的参数对象
2020-09-09 10:05:10
1781
原创 vue使用el-tag组件下的el-table出现抖动锯齿问题的解决
在使用el-tag点击切换的时候数据由隐藏变为显示的瞬间,页面会有抖动的现象。在查找过程中发现element-ui在重新渲染table时td内部的div高度被重新计算了(div高度=table容器高度/行数),进而导致整个table的高度变化,给人的感觉table在抖动。解决的版本就是给td内部的div固定一个高度。该div有自己的class属性.el-table .cell 。重写该属性的样式表.el-table .cell{height: 20px !important;},问题得以解决。...
2020-08-11 10:29:03
1249
原创 Axios发送POST请求报错,后端接收不到参数响应404
[解决] Axios发送POST请求,后端接收不到参数响应404问题说明造成问题的原因解决问题说明我们在项目中通常都会使用到封装好的axios来发送请求,当我们在发送POST请求时结果响应404。使用接口测试工具postman、yapi等都可以正常响应。报错信息如下:请求头:造成问题的原因请求携带的数据格式和后端解析数据格式不一致后端解析:接口使用 java spring mvc,注解使用了 @RequestParam 或 @RequestBodyRequestParam:在这
2020-06-05 10:40:08
7979
原创 VUE项目中使用@scroll获取不到事件对象,结果undefined
[解决] VUE项目中使用@scroll获取不到实践对象,结果undefined考虑为什么获取不到事件对象几种解决办法如果只想在页面内进行跳转可使用考虑为什么获取不到事件对象原因1:获取或书写的方式有问题原因2:样式的 overflow: scroll原因3:没有给父盒子设置固定高度原因4:浏览器兼容问题…几种解决办法兼容scrolltopexport default { methods: { changeScroll(e) { // 文档的总高度 co
2020-06-04 17:41:30
1788
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人