- 博客(43)
- 收藏
- 关注
RSS订阅原创 css 横向盒子 不换行 超过出现横向滚动条
为了使得一个容器内的盒子不换行，并且当盒子的总宽度超出容器宽度时出现横向滚动条，您可以使用CSS的。的宽度时，水平滚动条会出现，以便用户可以滚动查看所有的盒子。，所有的盒子将在同一行内显示，不会换行。是每个水平排列的盒子的类。则确保当盒子的总宽度超出。
2024-09-19 16:03:40
615
原创 el-upload 组件上传文件(查询,上传,删除,下载功能)
/ this.$global.fileUrl是自己定义的全局服务器地址,直接写服务器地址也行。// 文件上传的头,带token（重要，不然传输大文件会断掉）ruoyi有封装好的,一般在created中自己先获取。// 文件上传成功（上传接口写这，回显的数据处理）// 文件上传前（判断文件类型，大小）// 文件移除时候（删除文件接口写这）// element-ui自带的样式。// 点击文件时候（文件点击下载）// 页面文件回显的list。// 上传的服务器地址。
2024-06-22 10:41:50
1119
原创 vant组件 顶部下拉刷新和页面底部下拉获取数据+顶部搜索框
1.获取数据的时候ydqueryParams中的pageNum从0开始。1.html部分（顶部tab切换无，只有主体list部分）3.js中methods部分。2.js中data部分。
2024-06-20 17:18:40
537
原创 el-table的一些操作
其实非常简单，el-table自带的都有方法toggleAllSelection()和clearSelection()
2024-05-31 11:49:06
1102
原创 vue使用webscoket
首先，你需要在你的 Vue 组件中创建一个 WebSocket 连接。下面是一个简单的 Vue 组件示例，展示了如何在 Vue 中使用 WebSocket。WebSocket 对象提供了几个事件处理函数，你可以监听这些事件来处理不同的场景。在 Vue 组件销毁时，确保关闭 WebSocket 连接，以避免潜在的内存泄漏。通过这些基本步骤，你可以在 Vue.js 应用中实现 WebSocket 功能。当不再需要 WebSocket 连接时，可以关闭它。替换为你的 WebSocket 服务器地址。
2024-05-23 13:57:59
754
原创 [element-ui] 点击el-dialog区域以外，会关闭对话框的解决办法
输入框时，点击el-dialog弹框内关闭按钮以外区域时，弹框关闭。当用户点击修改、新增等按钮弹出。
2024-03-18 13:53:29
943
原创 WebRTC桌面共享手动停止时监听和程序停止
用分享桌面，或者录制屏幕时会弹出一个悬浮窗口，如下图所示：有时用户会无意间点击停止共享，那么需要我们做相应的监听事件。
2023-12-18 10:01:19
733
原创 Vue+element3 Upload利用http-request实现第三方地址图片上传
直接上传方法如下：上传图片根据action地址请求后获取到图片url地址。不使用action地址，又由于action为必传项，改为。具体方法官网有定义，action为必传项。二、实现第三方地址图片上传。
2023-12-13 14:37:54
2407
原创 JS数组对象的重复属性去重并计算重复次数,并将数组重复对象的某属性合并
今天工作有一个数组对象需要处理，之前写了一个很复杂的遍历，完善后只需reduce即可。发文记录一下 方便日后查看。假设需要处理的数组对象。
2023-10-30 10:06:51
143
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
505
1
原创 el-upload图片上传,本地测试可以,服务器部署报错405
用域名请求图片上传接口的时候,报错405 Not Allowed错误。本地测试都没问题，部署到服务器上面报错405。
2023-10-19 14:27:35
821
1
原创 若依ruoyi-ui，首页index页面驾驶舱全屏显示方法
4.更改router.js中的配置项，刷新缓存，不然第二次进去不会全屏。添加 keepAlive: false。
2023-07-28 09:26:32
3309
1
原创 Vue路由第二次进入页面后created和mounted不执行
页面每次打开，需要重新加载数据。比如在总管理页面更新了数据，那么在详情页二次打开的时候需要加载最新数据，把加载数据方法写在mounted方法里，却没有执行。这样是把这个页面的路由缓存给关闭了；true为开启，false为关闭。1.将要处理的方法，放在beforeCreate函数中。2.更改 该路由 router.js中的配置项。
2023-05-11 15:13:57
2988
原创 v-for 循环数据对象，css标签引用值
要实现 遍历对象top，还要实现样式c0,c1,c2,c3。css处理 多个并引用遍历对象里面的值，要用[ ] 数组包着。i： 对象的下标（0开始）key： 对象的键。value：对象的值。
2023-04-17 13:38:19
240
原创 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
2485
原创 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
5622
原创 若依绕过登录页访问其他自定义页面，以及自定义公众号页面账号登录后权限获取
/ 存取token值接口。store.dispatch('GetInfo').then(() => {...}封装在vuex文件。// 存取token,有白名单权限。若依系统封装的vuex文件src\store\modules\。公众号登录成功后打印显示用户角色、用户权限等信息;每次进行页面跳转时候判断是否有路由。
2023-04-04 11:05:51
2948
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人