- 博客(16)
- 收藏
- 关注
RSS订阅原创 a-select实现可手输选择框
应用场景：当接口返回的数据源没有想要的数据时，支持当前输入的内容作为数据源进行操作。思路：给select框加一个搜索事件，且在有值的情况下，把值赋值给选择框绑定的变量。
2023-11-14 16:25:38
552
1
原创 vben-admin 给输入框设置只可以输入数字，且保留三位小数的实现
【代码】vben-admin 给输入框设置只可以输入数字，且保留三位小数的实现。
2023-11-14 16:05:49
239
1
原创 ant-design-vue 可输入表格的实现以及校验方法
( 主要是name的取值问题，要严格按照['数据源',index,'校验的字段']来)
2023-11-14 15:53:45
698
1
原创 实现输入框中多行内容以空格隔开且空格加颜色区分
以下是原始的方法如下：1、新建一个可编辑的div；4、在blur事件中根据div的innerText，给此div的v-html值重新赋值；后面又考虑使用富文本组件，整体实现了基本的空格替换，但是赋值的时候，光标会自动到开头位置且监听blur事件出现bug，因此这个方法也因此不能使用。一开始由于使用的是element-ui中的input输入框组件，但是值不可以为标签，所以不可以再使用这个组件；项目中遇到一个需求、在输入框中输入多条数据以空格隔开，但是数据太多，空格不明显，要求空格加上背景颜色。
2023-11-14 15:41:11
98
1
原创 手写下拉框时、点击事件不生效问题（click事件和focus事件冲突）
需要做的功能是输入框输入内容、获取数据、然后点击数据、进行一些表单数据渲染、由于非常规需求、于是就自己手动在输入框下方写了一个下拉框、但是下拉框点击选择某个数据的时候、和输入框的focus事件冲突、解决办法就是使用mousedown替换click事件来解决事件冲突问题。
2023-10-27 21:15:04
151
1
原创 uniapp 监测版本更新，手动下载安装包的实现
思路：管理后台手动维护最新版本的versionCode，然后调取uniapp的公共接口获取当前的versionCode，如果小于维护的code号，提示用户下载最新的包。4、注意appid使用相同的，不同的话，无法安装wgt包。1、首先将manifest.json文件配置版本号。2、使用工具打包成wgt包，并放到服务器上。3、去后台管理页面将最新的版本号进行维护。// 后台的维护页面。
2023-10-11 18:08:19
436
原创 使用crypto-js对文件上传下载进行加密处理
上传文件（加密文件）：首先使用FileReader中readAsDataURL将上传的文件流转成base64字符串，然后使用加密事件将base64字符串加密，传递给后端。由于文件安全问题，要求上传文件的时候，把文件流加密后传递给后端，且下载的时候，解密后，方可下载文件。由于要支持ie浏览器，注意crypto-js的版本，一开始使用4.1.1 不支持ie，后面改成4.0.0即可。
2023-10-11 17:35:41
1169
4
原创 element-plus 日期选择期手动显示时间选择器弹窗
由于特殊场景，时间选择器单独封装成组件使用，但是在使用的时候，点击时间组件，总是无法弹出时间框。解决办法，在focus方法中调用handleOpen事件即可。
2023-01-29 15:13:46
2663
原创 element 切换页面，表单rules自动校验如何关闭。
element 官网有个属性，validate-on-rule-change，将此属性设置为false并且使用resetFields方法将form表单重置并移除校验结果。由于业务场景需要对切换元素时，rules重新赋值，此时页面会出现自动校验表单的元素，用户体验很差。
2023-01-28 16:47:08
2518
原创 git 多个分支合并方法
但是有一种情况 只发布dev分支的某次提交的代码，可能中间提交了很多次，只发布某一次的提交内容，需要在master分支使用git cherry-pick命令，将dev分支需要发布的内容合并到master分支。dev分支的代码合并到master分支并发布到线上的话，切换到master分支，并使用merge合并。正常项目开发的时候在dev分支开发，发布的版本在master分支上。
2023-01-13 14:19:44
677
原创 uniapp后端返回的html中对多个a标签自定义跳转到某个内嵌页面处理
2、拿到整个文本后，监听a标签点击事件，阻止默认事件，拿到href值，跳转自定义页面，并将值带入自定义页面。1、获取a标签href的值，渲染到自定义页面中，以web-view的形式。3、this.$nextTick()下监听a事件。
2022-11-09 15:31:09
1392
1
转载 vue 路由传参含有特殊字符$route获取不全问题
遇到一个场景，后端把参数拼接到地址上，前端通过获取拼接的内容进行一些操作。但是由于传递的值含有特殊字符，使用this.$route.query发现获取不全或者含有+号的转成空格。解决方案：使用encodeURIComponent()先让后端传过来的特殊字符进行转码一下，然后前端使用。this.$route.query即可成功获取到参数。
2022-11-09 14:55:44
2180
原创 editor标签可编辑属性contentEditable
editor可编辑属性contentEditable，scrollIntoView()方法使元素滚动到可视区域
2022-11-09 14:23:55
1042
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人