- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue3实现分片上传
上传的文件加一个loading效果，优化用户体验。直接上手撸代码，此处使用的是spark-md5。超出限制的function。第一步：首先需要引入。
2024-04-02 11:29:09
212
1
原创 vue项目获取当前项目url
使用场景：一般在项目开发里，需要区分真实环境和测试环境，根据当前项目的url是否包含的字段，来区分跳转的url地址。
2024-03-22 17:14:07
191
原创 基于vue-element-plus-admin改良table
框架本身自带的有一个基于element-plus二次封装的table组件，在这个基础上，新增了拖拽属性。
2024-03-12 10:45:00
213
原创 vue3使用富文本编辑器
基于vue-element-plus-admin这个框架，里面的富文本编辑器就是wangeditor，用这个框架的可以省去前面两步。import '@wangeditor/editor/dist/css/style.css' // 引入 css。不加z-index和定位就会出现下面的情况，退出弹框和富文本同时出现。注意：一定要在初始化的时候创建editor实例。2.第二步引入css样式和组件。
2024-03-11 11:00:00
256
原创 vue3+element-plus实现图片上传
element-plus本身是提供了一个el-upload上传组件，他提供的组件是多个图片上传，单个的上传要实现查看和编辑和更换图片就只能自己实现了。图片预览利用dialog弹框实现的。上传前对图片类型格式做了相应限制，如下所示。因为是自己手写的，会出现事件冒泡，用click.stop组件点击其他位置触发事件。
2024-03-08 12:00:00
187
原创 vue3的form表单提交校验及清除校验
3.清除form表单校验，加？是因为前面的ref的值可能为undefined。2.提交的function加入带人ref对象，记得引入相关类型。
2024-03-07 11:58:15
440
原创 vue3+el-tree实现权限分配反显
解决方案：从以上代码，我们可以看到要想实现父子节点不关联，这时候我们就需要用到el-tree组件的check-strictly属性，点击节点的时候需要父子关联传入父节点的id，check-strictly就需要动态设置了。1.渲染未实时更新问题。比如说选中和反显数据的问题，在这里我就遇到了。首先我的接口数据返回是正常的，第一次选中是正常的，再次选中一个公司获取对应权限就发生了错乱，直接把全部的都给选中了。解决方案：用v-if来渲染，默认为true，用定时器让他在切换公司名称的时候自动刷新获取到最新的数据。
2024-03-07 10:49:49
312
原创 vue+element-plus+sortable实现拖拽表格
经过拖拽的表格无法进行复制操作，也有一种方案可以复制（如图三），不过只能对固定位置进行复制，用户体验感不好，如需对当前行任意位置进行复制，暂且没有好的方案，如有相关方案的童鞋可以评论区交流一下！：此拖拽操作进行后会对表格原有选中样式造成错乱，需要重新对样式进行调整，以下是相关代码。
2024-02-28 20:47:03
123
原创 js入门：用for循环嵌套做简单的数学算法
问题：公鸡5元1只，母鸡3元1只，小鸡3只1元，100元可买100只鸡。问可买公鸡、母鸡和小鸡各多少只？分析：先假设所有的钱都用来买公鸡则最多可以买20只，都用来买母鸡则最多可以买33只i为公鸡的数量，j为母鸡的数量，小鸡数量则为 100-i-j <script> for (let i = 1; i < 20; i++) { for (let j = 1; j < 33; j++) { if (5
2021-12-10 11:33:37
509
原创 运用函数嵌套，做一个简单的时间转换
<script> // 1.先设置一个弹出框 用一个变量接收 let time = +prompt('请输入秒数：') // 2.定义一个函数 用于将用户输入的时间转换为时分秒 function getTime(t) { let h = parseInt(t / 60 / 60 % 24) let m = parseInt(t / 60 % 60) l.
2021-12-09 17:54:50
109
原创 js入门：用js做一个简单的点击切换事件
html 部分：<style> .bgcolor { background-color: pink; } </style>js 部分<body> <button class="bgcolor">按钮</button> <button>按钮</button> <button>按钮</butt...
2021-12-05 23:42:21
1804
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人