- 博客(42)
- 收藏
- 关注
RSS订阅原创 火狐浏览器只能输入数字不生效（replace(/[^\d]/g,‘‘)）
有时候使用el-table列表来进行编辑，需要校验el-input框只能输入数字，但是使用却无法进行拦截。
2023-03-20 15:59:24
80
1
原创 el-input输入的密码不能包含空格的正则表达式
el-input输入的密码不能包含空格的正则表达式。element-ui 密码框显示小眼睛，点击可查看密码。我们在设置密码的时候，不管在首尾还是中间都不允许有空格的，.trim仅仅可以去除首尾空格，当在中间加空格的时候没办法知道，这时候便需要正则来校验提醒用户。
2023-03-14 17:11:21
163
原创 el-element表单el-form使用resetFields清空进行初始化
el-element表单el-form使用resetFields清空进行初始化我们一般使用带表单的弹窗时，有时候新建完成再次打开或者填写完数据不保存去关闭表单，再次打开会保留之前的填写。想要点击取消按钮、点击关闭按钮清空数据，可以使用element的1、el-form 里 加上 ref=‘form’；2、表单项 加上 prop=“name”；3、this.$refs[‘form’].resetFields() // 清空表单
2022-12-07 20:12:07
521
原创 git代码合并了后发现有冲突，我们怎么取消合并？
git代码合并了后发现有冲突，我们有时候不想解决冲突，不想合并了；或者别人把冲突解决完了，自己想拉取一下最新代码，咋办呢？
2022-11-17 11:10:06
1262
原创 el-select多选设置collapse-tags属性将它们合并为一段文字展示时，超过显示长度以...省略号显示，且在一行展示
el-select多选设置collapse-tags属性将它们合并为一段文字展示时，超过显示长度以...省略号显示，且在一行展示想要的展示效果：样式书写，不在一行时，调节一下下面的参数适合自己的便可以变为一行：
2022-11-10 10:41:39
1241
原创 前端使用element的el-date-picker组件首次展开默认显示当前月与上一个月
前端使用element的el-date-picker组件首次展开默认显示当前月与上一个月
2022-11-09 20:57:46
2392
1
原创 前端使用el-input输入框保存的数据，怎么样在展示时显示输入的空格、tab、回车，可以使用pre标签
使用input输入框，但是想让在input框输入的空格、tab、回车等在网页上直接显示，那么可以使用pre来展示。
2022-11-08 22:49:30
980
原创 无法连接仓库：Command “git ls-remote -h xxx stderr: remote: You are not allowed to download code from
无法连接仓库：Command "git ls-remote -h -- http://gitlab.rd.unicloud.com/unicloud/pco/uco-ui-delivery-console.git HEAD" returned status code 128: stdout: stderr: remote: You are not allowed to download code from this project. fatal: unable to access 'http://gitla
2022-10-13 21:02:31
7187
原创 vscode复制代码到wps中怎么不带黑色背景
vscode复制代码到wps中怎么不带黑色背景。有时候从vscode复制到wps里面的代码会带背景色，如下图所示：假使不想要这个背景该如何操作。
2022-10-02 10:49:00
4152
原创 使用tinymce富文本编辑器部署到环境报错：/js/skins/ui/oxide/content.min.css net::ERR_ABORTED 404 (Not Found)
在本地调试的时候不会报错，但是部署到环境后报以下错误：/js/skins/ui/oxide/skin.min.css net::ERR_ABORTED 404 (Not Found)/js/skins/ui/oxide/content.min.css net::ERR_ABORTED 404 (Not Found)/js/skins/content/default/content.css net::ERR_ABORTED 404 (Not Found)打包后找不到这几个css文件。在init富文本框的
2022-09-20 18:04:50
1896
原创 el-dialog 弹框调用组件，只有第一次弹出调用组件接口，后面弹出不在调用接口问题解决
el-dialog 弹框调用组件，只有第一次弹出调用组件接口，后面弹出不在调用接口问题解决
2022-09-11 16:04:23
1335
原创 前端vue使用keepAlive: true,，解决页面缓存是否动态刷新的问题（可刷新可不刷新）
我们使用vue做项目时，，特别是搜索条件比较多的列表页时，搜索完后进入详情页，再从详情页回到列表页后数据重置，需要重新进行搜索，使用起来特别麻烦不友好。所以比较友好的要求如下 :1、从列表页进入详情页返回列表页时，连页数、筛选条件等都不能变，但是要列表刷新更新为最新的数据2、列表页进数据编辑页再返回时，页数、筛选条件等都不能变，但是需要带条件刷新列表数据3、不是详情页、编辑页进入列表页时，页数、筛选条件等都全部重置，列表数据刷新4、列表页弹窗操作后，也需要带条件进行刷新数据...
2022-08-30 21:29:39
2228
原创 element-ui的el-upload上传文件按钮在选取文件按钮禁用后仍可点击问题
element-ui的el-upload上传文件按钮在选取文件按钮禁用后仍可点击，如下图：点击按钮已经置灰，但是仍能点开选择图片弹窗，虽然无法上传，但是体验不好。
2022-08-22 22:02:21
3856
5
原创 怎么在el-form-item的后面加提示信息
使用element的el-form表单，怎么在el-form-item的后面加Tooltip文字提示信息
2022-08-19 21:59:43
2419
原创 element的el-table合并，处理合并产生的hover样式问题
有时候列表页需要合并单元格展示，这时候element自带的hover效果没有全选中，如下图所示：但是最终的实现效果是：点击单元格显示合并后的所有行。
2022-08-17 22:11:59
1493
原创 element的form表单中如何一行显示多el-form-item标签
在使用element-ui 的 el-form中，有的需求需要一行里面放置多个 el-form-item，可以使用Layout布局
2022-08-14 21:24:18
8825
原创 前端字数太多使用el-table设置show-overflow-tooltip显示不下，闪烁不显示
element表格内容过多，鼠标悬浮显示全部内容（show-overflow-tooltip)，内容过长显示悬浮抖动el-table设置show-overflow-tooltip属性后，数据过多时(超过3000字符)闪烁不显示在table中设置了show-overflow-tooltip后,当某一列字符内容超长时,鼠标移入会出现闪烁不显示提示。...
2022-08-14 20:55:56
4727
原创 Dropdown 下拉框（el-dropdown-menu）内容过长显示‘...’ 鼠标悬浮显示全部
使用element的Dropdown 下拉框（el-dropdown-menu）内容过长显示‘…’ 鼠标悬浮显示全部。有时候内容太长导致文字换行与其它文字折叠展示
2022-08-10 21:18:49
1415
原创 前端el-select下拉数据太长显示...鼠标浮上去显示全部
在使用element的select下拉框时，有时候数据过长需要显示省略号，鼠标移入显示全部文字的功能。
2022-07-31 10:16:39
4775
2
原创 使用element中el-table设置type=“expand“展开行隐藏小箭头的方法（列表单选、点击名称展开行）
使用element中el-table设置type="expand"展开行隐藏小箭头的方法。列表单选、点击名称可以展开行
2022-07-30 14:51:44
6603
1
原创 Element-ui 中 el-input 输入框显示：输入字数以及限制输入字数
项目中使用Element-ui中el-input输入框显示输入字数以及限制输入字数。
2022-07-16 10:45:48
9758
原创 解决多个el-checkbox内容折行对不齐问题（可以限制每行展示的个数）
有时候使用element的el-checkbox-group多个el-checkbox内容折行后不对齐，如下图所示：可以用样式来调整（可以限制每行展示的个数）实现代码：css代码：代码解释：鼠标悬停后展示全部最终效果图：...
2022-06-28 20:49:06
1591
原创 前端怎么略过部分代码的eslint校验
项目场景：有时候别人写的代码不符合eslint校验规范，从而导致报错无法比较代码：但是不想修改别人的逻辑，还想去提交代码，那么就需要用：<!--eslint-disable-->进行包裹：html使用：<!--eslint-disable-->代码块<!--eslint-disable-->js等使用：/* eslint-disable */代码块/* eslint-disable */...
2022-05-30 21:17:20
220
原创 element-ui中el-select低版本清除选项，el-select 要怎么清空已选的数据，显示最初的 placeholder？
项目场景：场景一：初始化的时候展示【全部】，点击后清空可搜索。如下图为初始化状态：点击后可直接进行搜索：场景二：但是低版本element的el-select加上filterable后，点击后会是以下现象：没点击前：点击后：解决方案：为了解决场景二的现象，编辑代码如下： <div class="search-item"> <span>操作分类：</span> <el-select
2022-05-17 17:36:12
6255
原创 element的DateTimePicker 日期时间选择器怎么限制只能选择某个时间段？只能选择一个月？其它时间不能选择。
项目场景：我们在使用element的DateTimePicker 日期时间选择器的时候，有时候会限制范围，比如只能选择一个月的时间，这时候需要对选择的范围进行限制。实现方案：我们看element官网我们发现可以用picker-options来对其限制，实现方法如下：<el-date-picker v-model="loggerQueryData.operateTime" type="datetimerange" start-placeholder="开始时间" en
2022-04-25 09:17:28
7350
原创 前端写代码的时候，不满足条件程序停止执行下面的程序，并弹窗提示
项目场景：前端写代码的时候，有时候需要满足条件才可以执行下面的程序，不满足条件程序停止执行，并弹窗提示不满足的原因。代码实现实现代码： if (this.channnelConfig.user_info_change_sms == '0') { this.$notify({ //不满足条件，弹窗提示 message: '修改不成功', type: 'warning', }); return;
2022-04-20 09:04:02
736
原创 前端提交代码时使用ESLint进行规范校验报错（Git husky ＞ pre-commit(node v10.8.0)），怎么样才能略过校验？
项目场景：前端使用Visual Studio Code进行开发，使用ESLint进行提交代码规范校验，有时候会报Git husky > pre-commit(node v10.8.0)而无法提交代码，想要略过这个校验，继续提交代码可以用/* eslint-disable*/包裹代码。提交代码错误提示：点击【Open Git Log】发现有不符合规范的写法。实现但是还想继续提交的话，就需要取消eslint检查，用/* eslint-disable*/包裹代码来略过校验。 // 获
2022-04-19 12:33:54
816
原创 javascript的方法如何获得访问用户ip？（搜狐接口已无法正常使用）
项目场景：有时候为了记录用户的登录和操作日志，需要获取用户的ip地址，需要获取。实现方案直接上实现流程引用搜狐的js文件，在index.html里面写：使用的是搜狐开放的IP地址查询接口，适用于所有的可以连接外网的平台和浏览器。注意：连接不到外网是获取不到的。<script src="https://pv.sohu.com/cityjson"></script>如下图：在需要的地方写js代码，我是需要存到本地Local Storage里面，然后在请求拦
2022-04-19 11:30:04
7225
3
原创 element中this.$confirm的用法，element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢？element-ui MessageBox 弹框怎么设置点击空白处不关闭？
项目场景：element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢？element-ui MessageBox 弹框怎么设置点击空白处不关闭？如何隐藏this.confirm右上角的x？this.confirm右上角的x？this.confirm右上角的x？this.confirm怎么将右上角的x屏蔽掉？问题描述有一些业务需要让弹窗一直显示，除非已经点击了确认按钮，这时候就需要对this.$confirm进行处理，既不可以点击右上角x将弹窗关闭，也不可以点击其它空白处关闭弹
2022-04-19 09:46:41
10834
原创 gitlab代码合并（merge request ）取消 [默认删除分支（Delete source branch）] 选项
项目场景：项目场景： 几个人开发不同的项目，需要合并到一个共同的转测分支。问题描述我们在开发完代码需要一起合并到另一个总分支时，提交 merge 请求会默认勾选Delete source branch选项，如下图所示：因为每个人开发的是不同的项目，所以各个分支代码不同，假使需要合并到相同的转测分支时，而默认勾选Delete source branch选项，万一不注意一下子把代码提交合并，凉凉，自己的开发分支没了。。。远程分支被误删，可以通过本地重新往远程push代码来找回。解决方案：左
2022-04-18 18:12:37
10588
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人