自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 正则密码检验

1.用户密码长度需8,20位 包含数字,字母,特殊符号。

2024-07-01 09:21:11 95

原创 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

原创 echart使用

【代码】echart使用。

2024-06-05 17:05:30 207

原创 el-table的一些操作

其实非常简单,el-table自带的都有方法toggleAllSelection()和clearSelection()

2024-05-31 11:49:06 821

原创 ruoyi前端获取用户信息

头像,用户名,id,权限,token等。

2024-05-23 14:51:54 811

原创 vue使用webscoket

首先,你需要在你的 Vue 组件中创建一个 WebSocket 连接。下面是一个简单的 Vue 组件示例,展示了如何在 Vue 中使用 WebSocket。WebSocket 对象提供了几个事件处理函数,你可以监听这些事件来处理不同的场景。在 Vue 组件销毁时,确保关闭 WebSocket 连接,以避免潜在的内存泄漏。通过这些基本步骤,你可以在 Vue.js 应用中实现 WebSocket 功能。当不再需要 WebSocket 连接时,可以关闭它。替换为你的 WebSocket 服务器地址。

2024-05-23 13:57:59 688

原创 el-radio 和el-radio-group 单选使用

【代码】el-radio 和el-radio-group 单选使用。

2024-05-09 11:50:40 268

原创 element-ui 修改el-form-item样式

【代码】element-ui 修改el-form-item样式。

2024-03-27 13:44:35 1480

原创 全选和取消全选

【代码】全选和取消全选。

2024-03-27 10:26:52 277

原创 vue.js 原生带的消息提示

【代码】vue.js 原生带的消息提示。

2024-03-18 15:31:37 431

原创 [element-ui] 点击el-dialog区域以外,会关闭对话框的解决办法

输入框时,点击el-dialog弹框内关闭按钮以外区域时,弹框关闭。当用户点击修改、新增等按钮弹出。

2024-03-18 13:53:29 828

原创 js判断数组是否包含某个值的方法

【代码】js判断数组是否包含某个值的方法。

2024-03-14 15:08:51 418

原创 html页面内容禁止选中

红框中内容不允许选中,内容的样式加。

2024-02-29 10:23:38 611

原创 [elementui] el-table设置背景透明

【代码】[elementui] el-table设置背景透明。

2024-02-29 10:04:30 934

原创 vue消息确认框

【代码】vue消息确认框。

2024-01-18 16:51:13 534 1

原创 WebRTC桌面共享手动停止时监听和程序停止

用分享桌面,或者录制屏幕时会弹出一个悬浮窗口,如下图所示:有时用户会无意间点击停止共享,那么需要我们做相应的监听事件。

2023-12-18 10:01:19 579

原创 element-ui3.0 使用图标icon

安装完成后在使用的页面加载使用的图标。

2023-12-13 14:56:30 536

原创 Vue+element3 Upload利用http-request实现第三方地址图片上传

直接上传方法如下:上传图片根据action地址请求后获取到图片url地址。不使用action地址,又由于action为必传项,改为。具体方法官网有定义,action为必传项。二、实现第三方地址图片上传。

2023-12-13 14:37:54 2143

原创 el-select 和 el-option长度和样式修改

【代码】el-select 和 el-option长度和样式修改。

2023-11-27 13:30:00 1879

原创 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

原创 若依页面跳转,每次都刷新creatd,mounted函数

【代码】若依页面跳转,每次都刷新creatd,mounted函数。

2023-10-18 09:43:24 1002 1

原创 前端像后端接口传递数组方式

【代码】前端像后端接口传递数组方式。

2023-10-08 10:21:44 590 1

原创 若依ruoyi-ui,首页index页面驾驶舱全屏显示方法

4.更改router.js中的配置项,刷新缓存,不然第二次进去不会全屏。添加 keepAlive: false。

2023-07-28 09:26:32 2796 1

原创 watch监听(普通和深度监听)

【代码】watch监听(普通和深度监听)

2023-06-19 09:21:26 607

原创 vue项目中跳转到外部链接方法

【代码】vue项目中跳转到外部链接方法。

2023-05-18 09:56:59 353

原创 Vue路由第二次进入页面后created和mounted不执行

页面每次打开,需要重新加载数据。比如在总管理页面更新了数据,那么在详情页二次打开的时候需要加载最新数据,把加载数据方法写在mounted方法里,却没有执行。这样是把这个页面的路由缓存给关闭了;true为开启,false为关闭。1.将要处理的方法,放在beforeCreate函数中。2.更改 该路由 router.js中的配置项。

2023-05-11 15:13:57 2760

原创 axios post传参,put传参带问号,axios传值

【代码】axios post传参。

2023-04-22 10:25:14 550

原创 ruoyi若依获取当前登录用户以及用户信息

登录成功,有token情况下,直接打印这个。

2023-04-21 12:44:45 2032

原创 vant表单校验

【代码】vant表单校验。

2023-04-19 11:02:19 1814 1

原创 v-for 循环数据对象,css标签引用值

要实现 遍历对象top,还要实现样式c0,c1,c2,c3。css处理 多个并引用遍历对象里面的值,要用[ ] 数组包着。i: 对象的下标(0开始)key: 对象的键。value:对象的值。

2023-04-17 13:38:19 216

原创 若依获取字典

【代码】若依获取字典。

2023-04-11 10:44:31 979

原创 el-form 里的 el-form-item 必填/正则检验

【代码】el-form 里的 el-form-item 必填/正则检验。

2023-04-04 15:28:31 2660

原创 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

原创 el-table表格form表单处理提交影响原表单数据

如下,接口参数用this.findForm提交。

2023-04-04 10:15:58 198 1

原创 vue项目打包异常情况

【代码】vue项目打包异常情况。

2023-04-04 10:09:12 120 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除