- 博客(36)
- 收藏
- 关注
原创 el-table cell 单元格内文字发生位移,多了margin
因为之前从来没有遇到过,研究了一段时间,他是因为 .cell .el-tooltip 里面有一个行内样式。今天写项目的时候遇到一个坑,写的好好的当我进行翻页操作 或者添加操作的时候,造成的原因目前无从知晓,但是大概率是使用单元格合并的问题,在获得列表(getList)的时候,把行内元素全部删除。table显示变成这样了。
2023-05-07 17:28:50
393
原创 vue 管理系统关闭页面/浏览器/关闭tag实现发送请求
直接在beforeDestroy中请求时不合理的,可能会在服务器更新之前返回,返回后状态仍然是锁定的,所以说是不合理的。当点击编辑按钮会跳转到编辑页面中,于此同时会向服务器发送接口,来告知服务器这个库位已经被锁定了,其他人不可以修改。在组件销毁的时候,请求接口,并在请求结束后向返回的页面发送事件。现在就可以在详情页面中调用改变状态的接口后 再更新返回页面的list了 ~点击取消去调用接口然后等待后端将这个单据的改变后进行页面调整是没有问题的。在返回的页面中监听这个事件即可。新建event-bus.js。
2023-04-24 09:17:43
1272
原创 解决el-input 设置为number时 显示箭头和切换输入法会导致光标错位问题
解决el-input 设置为number时 显示箭头和切换输入法会导致光标错位问题
2023-04-08 08:55:02
540
原创 element UI-table 表格列宽 根据内容自适应
可以与 el-table-colum 进行混用 也可以单独进行使用。2、在main.js中引入。
2023-03-21 16:42:00
738
原创 后台系统:vue-admin-template 初始化
注:如果需要写后台,并且使用vue-admin-template 作为架子来构建项目,那么对于这个架子初始化 时,需要删除的各项可以参考进行删减。
2023-03-21 16:38:12
491
原创 前端 伪类元素如何添加点击事件
当我给盒子添加 点击事件的时候 他会事件冒泡到父元素上,所以 给父元素点击事件,那么红色的方块也会触发事件。这样就可以达到 让伪元素添加事件的效果了。思考:如何让 红色方块点击后会有事件?也可以避免组件冗余,添加类名即可。
2023-02-20 13:10:32
3317
1
原创 JavaScript 扁平化数据转树状数据,pid —> children
JavaScript 扁平化数据转树状数据,pid —> children
2023-02-17 20:59:07
235
原创 前端 基于Element-ui 二次封装el-table
自己工作中封装的 el-table,包含了分页器和el-table 表格,保存起来。字段内容都是需要 父组件和子组件进行配合使用,配合Element-ui + 子组件代码比较好理解,留下内容,防止以后忘记,很好用~
2023-02-15 21:13:34
396
原创 前端Vue + idle-vue 实现会话超时功能
idle-vue 实现会话超时功能超时3秒后 计算属性就会运行,在其中进行操作。 1、使用npm 下载idle-vue
2023-02-11 10:24:09
601
原创 Vue ajax Axios 二次封装,请求拦截器,相应拦截其
axios 二次封装 涵盖基础地址、判断是否有token、解析data、请求拦截器、响应拦截器
2023-02-10 20:30:47
223
原创 Vue PC端 添加页面加载进度条效果 nprogress
使用 nprogress 包来完成效果1、下载nprogress 包。2在request.js中引用、3、调整进度条样式
2023-01-30 17:17:47
256
原创 uniapp 操作 scroll-view 切换滚动条不返回顶端
我们在给 scroll-view 绑定了 scroll-top 属性后,通过事件处理函数 将scroll进行赋值,来达到每次切换可以返回顶部。每次赋值的时候赋值不同的数据 就可以解决这个问题了。
2023-01-13 11:36:52
1071
原创 微信小程序如何设置自定义tabBar
在文件根目录创建组件名字为:custom-tab-bar(指定名称)每次在页面显示的时候,通过getTabbar() 方法获取实例修改。此时保存后 tabbar 区域中就是组件中的内容了。在这里我们使用vantweapp 来演示。添加custom属性,让其自定义。:此时已经可以正常切换页面了,但是会出现问题,此时就可以正常显示了,但是有闪烁的情况发生。点击更换pages后,高亮存在问题。
2023-01-10 22:00:56
2672
1
原创 微信小程序分包
当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。目前小程序分包大小有以下限制:1、整个小程序所有分包大小不超过 20M2、单个分包/主包大小不能超过 2M。
2023-01-10 15:00:16
460
原创 微信小程序全局数据共享方案:mobx-miniprogram
微信小程序全局数据共享方案:mobx-miniprogram,1、执行命令npm install --save mobx-miniprogram mobx-miniprogram-bindingsimport { observable, action} from 'mobx-miniprogram'export const store = observable({ // 设置共享数据 num1: 1,
2023-01-10 11:54:11
474
原创 如何在微信小程序中使用Promise:miniprogram-api-promise
如何在微信小程序中使用Promise:npm install --save miniprogram-api-promise,注意:可能会发生构建npm包失败的问题,删除miniprogram_npm重新构建,直到构建成功。
2023-01-10 10:19:45
1028
原创 Git提交代码步骤 以及Get如何使用
方式 查看当前全部的提交记录 git log 不能查看当前全部的记录 只能查看到 以当前分支为节点 之前的提交记录)git pull 用于拉取 远程仓库的代码 (在哪个分支上执行的命令 就拉取当前对应的远程仓库中的代码)git push --delete origin 分支的名字 表示的是要删除远程仓库的分支。git branch 分支名称 用于创建当前分支(不会自动切换到你创建的哪个分支上)git checkout -b 分支名称 用于创建并且 切换到当前创建的这个分支上。
2023-01-09 15:36:32
484
原创 微信小程序监听器、微信小程序纯数据字段、微信小程序组件的生命周期、微信小程序插槽、微信小程序组件通信、Behavior是什么
微信小程序监听器、微信小程序纯数据字段、微信小程序组件的生命周期、微信小程序插槽、微信小程序组件通信、Behavior是什么
2023-01-08 21:49:20
696
原创 微信小程序显示loading效果,微信小程序节流效果,微信小程序生命周期,微信小程序组件的创建与使用
请求前显示loading 效果,请求结束后隐藏loading。
2023-01-07 19:33:07
5340
原创 wx:if,hidden、css样式、json常用配置项、tabBar 导航栏、小程序如何发送ajax请求,小程序如何路由传参,小程序如何切换路由,小程序编程式导航,小程序声明式导航
wx:if,hidden、css样式、json常用配置项、tabBar 导航栏、小程序如何发送ajax请求,小程序如何路由传参,小程序如何切换路由,编程式导航,声明式导航
2023-01-05 11:51:13
485
原创 如何开发微信小程序?微信小程序开发的基础使用,如何使用微信开发者工具,微信小程序语法,基本文件结构,textrich-text,小程序轮播图,微信小程序注册事件,bind:tap 、 bind:inp
如何开发微信小程序?微信小程序开发的基础使用,如何使用微信开发者工具,微信小程序语法,基本文件结构,textrich-text,小程序轮播图,微信小程序注册事件,bind:tap 、 bind:input 、bind:change 、catchtap,给事件处理函数传参,条件显示(if else),设置data中的数据
2023-01-04 21:18:28
2091
原创 Vue3+cli 如何利用包来 导入svg svg-sprite-loader
Vue3+cli 通过包来导入svg 将ui发送的svg文件应用到页面上,vue 如何解析svg文件 因为之前很多时候都是通过iconfont 来管理格式的图标,但是未免也有不稳定的时候,通过vue3 svg-sprite-loader 来管理svg 同样也很方便。
2023-01-02 16:47:46
268
原创 Vue3报错:Module build failed (from ./node_modules/vue-loader/dist/index.js):TypeError:
Vue3 报错“:Module build failed (from ./node_modules/vue-loader/dist/index.js):TypeError: Cannot read properties of null (reading 'content')
2023-01-02 16:31:09
4878
原创 Vue3报错:instance.update is not a function
Vue3报错:instance.update is not a function
2023-01-02 16:29:06
4094
转载 JavaScript的__proto__、prototype、constructor 三方关系,原型链知识
JavaScript的__proto__、prototype、constructor 三方关系,原型链知识
2022-09-17 21:19:24
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人