vue
文章平均质量分 52
小太阳!
记录一些自己写项目时遇到难点的解决方法
展开
-
draggable拖拽列表设置某一条元素禁止被拖拽
使用draggable拖拽列表设置某一条元素不能被拖拽filter=".unmover" :move="onMove"原创 2022-09-08 17:30:17 · 2455 阅读 · 0 评论 -
element树形控件(tree)实现父与子关联,子与父不关联;手动设置半选状态
elemetn树形控件父与子关联,子与父不关联;手动设置半选状态原创 2022-06-10 18:06:29 · 3739 阅读 · 0 评论 -
VueCropper + Element上传并剪裁图片
VueCropper + Element 上传并剪裁图片效果图安装插件VueCropper组件代码父组件使用效果图安装插件npm install vue-cropperVueCropper组件代码<template> <div> <el-dialog title="图片剪裁" :visible.sync="cropperShow" append-to-body width="1000px" center> <div class原创 2022-05-12 16:04:37 · 276 阅读 · 0 评论 -
批量上传视频到阿里云
批量上传视频到阿里云这段时间项目里有一个上传视频到阿里云的功能是我来负责写的,之前一直没有写过这种功能,感觉很难的亚子,但是后来仔细研究了一遍发现也没想象中那么难,最后经过不懈的努力也算是搞出来了哈哈哈,开心坏我了。搞出这个功能真的也是学习到了很多东西,所以就来这里记录一下啦。也有同样需求的兄弟姐妹们希望可以帮到你们一点点嘻嘻,如果有更简单轻便的方法或哪里需要改进的地方也请大家多多指教呦我用的就是 vue+element 写的阿里云给我们提供了客户端上传的SDK使用JavaScript上传SDK原创 2022-01-14 18:45:22 · 3645 阅读 · 0 评论 -
element树形控件子节点重复的问题处理
记录一次使用element树形控件踩的坑需求:这次要做的是角色权限配置的需求,需要使用element树形控件来给对应的角色分配对应的导航菜单,像下图这样问题:写的时候主要问题就是只选择一个子组件不选父组件的时候会打印出两条数据,一条完整的父节点包含子节点的数据,一条单纯只有子节点数据。此时需要把勾选的数据信息传给后台data是点击的数据,checked是勾选的数据这样写了以后打印出的数据就会有父组件包含子组件的,也有单个子组件的,总之会很乱就会出现类似这样的bug效果,,还有其他菜单混乱的效原创 2021-05-17 17:42:42 · 2036 阅读 · 2 评论 -
根据屏幕高度判断列表是否滚动
需要实现的效果就是根据屏幕的高度来判断这个列表是否可以滚动这个列表我开始只是用css给他加了一个可以滚动的效果当在全屏时,列表数据有很多已经超出屏幕,这个css添加的滚动效果就出现了,有固定高度的情况下完全可以正常使用但是将整个浏览器高度变小时,再去滚动列表,它已经滚动不了了,所以我们需要把他的高度变成一个动态的值1、在列表上添加一个id2、在data里面定义屏幕高度的变量data() { return { fullHeight: document.documentEl原创 2021-04-03 11:10:40 · 284 阅读 · 1 评论