- 博客(42)
- 收藏
- 关注
原创 el-upload 组件上传文件(查询,上传,删除,下载功能)
/ this.$global.fileUrl是自己定义的全局服务器地址,直接写服务器地址也行。// 文件上传的头,带token(重要,不然传输大文件会断掉)ruoyi有封装好的,一般在created中自己先获取。// 文件上传成功(上传接口写这,回显的数据处理)// 文件上传前(判断文件类型,大小)// 文件移除时候(删除文件接口写这)// element-ui自带的样式。// 点击文件时候(文件点击下载)// 页面文件回显的list。// 上传的服务器地址。
2024-06-22 10:41:50
731
原创 vant组件 顶部下拉刷新和页面底部下拉获取数据+顶部搜索框
1.获取数据的时候ydqueryParams中的pageNum从0开始。1.html部分(顶部tab切换无,只有主体list部分)3.js中methods部分。2.js中data部分。
2024-06-20 17:18:40
374
原创 el-table的一些操作
其实非常简单,el-table自带的都有方法toggleAllSelection()和clearSelection()
2024-05-31 11:49:06
821
原创 vue使用webscoket
首先,你需要在你的 Vue 组件中创建一个 WebSocket 连接。下面是一个简单的 Vue 组件示例,展示了如何在 Vue 中使用 WebSocket。WebSocket 对象提供了几个事件处理函数,你可以监听这些事件来处理不同的场景。在 Vue 组件销毁时,确保关闭 WebSocket 连接,以避免潜在的内存泄漏。通过这些基本步骤,你可以在 Vue.js 应用中实现 WebSocket 功能。当不再需要 WebSocket 连接时,可以关闭它。替换为你的 WebSocket 服务器地址。
2024-05-23 13:57:59
688
原创 [element-ui] 点击el-dialog区域以外,会关闭对话框的解决办法
输入框时,点击el-dialog弹框内关闭按钮以外区域时,弹框关闭。当用户点击修改、新增等按钮弹出。
2024-03-18 13:53:29
828
原创 WebRTC桌面共享手动停止时监听和程序停止
用分享桌面,或者录制屏幕时会弹出一个悬浮窗口,如下图所示:有时用户会无意间点击停止共享,那么需要我们做相应的监听事件。
2023-12-18 10:01:19
579
原创 Vue+element3 Upload利用http-request实现第三方地址图片上传
直接上传方法如下:上传图片根据action地址请求后获取到图片url地址。不使用action地址,又由于action为必传项,改为。具体方法官网有定义,action为必传项。二、实现第三方地址图片上传。
2023-12-13 14:37:54
2143
原创 JS数组对象的重复属性去重并计算重复次数,并将数组重复对象的某属性合并
今天工作有一个数组对象需要处理,之前写了一个很复杂的遍历,完善后只需reduce即可。发文记录一下 方便日后查看。假设需要处理的数组对象。
2023-10-30 10:06:51
104
1
原创 vue和el-cascader选择地区3级联动
2.使用 (以下使用6版本,直接选择纯中文的,若使用地域代码options:regionData)注意:如果使用5.0.2版本 需要使用CodeToText 大写!1、安装组件依赖(默认是6.1.0版本,如果需要稳定下载5.02)4、data中定义元素。5、触发事件的函数方法。
2023-10-24 11:25:58
449
1
原创 el-upload图片上传,本地测试可以,服务器部署报错405
用域名请求图片上传接口的时候,报错405 Not Allowed错误。本地测试都没问题,部署到服务器上面报错405。
2023-10-19 14:27:35
645
1
原创 若依ruoyi-ui,首页index页面驾驶舱全屏显示方法
4.更改router.js中的配置项,刷新缓存,不然第二次进去不会全屏。添加 keepAlive: false。
2023-07-28 09:26:32
2796
1
原创 Vue路由第二次进入页面后created和mounted不执行
页面每次打开,需要重新加载数据。比如在总管理页面更新了数据,那么在详情页二次打开的时候需要加载最新数据,把加载数据方法写在mounted方法里,却没有执行。这样是把这个页面的路由缓存给关闭了;true为开启,false为关闭。1.将要处理的方法,放在beforeCreate函数中。2.更改 该路由 router.js中的配置项。
2023-05-11 15:13:57
2760
原创 v-for 循环数据对象,css标签引用值
要实现 遍历对象top,还要实现样式c0,c1,c2,c3。css处理 多个并引用遍历对象里面的值,要用[ ] 数组包着。i: 对象的下标(0开始)key: 对象的键。value:对象的值。
2023-04-17 13:38:19
216
原创 van-uploader上传图片
uploader 组件默认显示图片的数组,有具体格式[{url:"xxxxx图片地址" }]:max-size="5 * 1024 * 1024" 文件大小限制。:before-read="beforeRead" 上传图片前。:after-read="afterRead" 上传图片后。:before-delete="delImg" 删除图片时。deletable 是否显示删除按钮,默认false。:max-count="1" 最大上传图片张数。uploader列表类型,组件默认显示的图片。
2023-04-04 15:17:42
2288
原创 el-upload组件上传单/多张图片
show-file-list="false" 不允许多张图片显示,只一张。list-type="picture-card" 照片墙显示。list-type="picture-card" 照片墙格式。:limit="9" 限制上传的图片张数为9。action 图片上传后台请求地址(必填)before-upload 图片上传前。on-success 图片上传成功时候。1.创建Global.vue的文件。on-remove 图片删除时候。2.main.js文件中引入。,v-if控制是新增还是修改。
2023-04-04 14:37:48
5230
原创 若依绕过登录页访问其他自定义页面,以及自定义公众号页面账号登录后权限获取
/ 存取token值接口。store.dispatch('GetInfo').then(() => {...}封装在vuex文件。// 存取token,有白名单权限。若依系统封装的vuex文件src\store\modules\。公众号登录成功后打印显示用户角色、用户权限等信息;每次进行页面跳转时候判断是否有路由。
2023-04-04 11:05:51
2803
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人