- 博客(46)
- 收藏
- 关注
原创 el-form表单怎么一次验证两个el-form-item
在项目中有【设置密码】以及【确认密码】输入,希望在两者一致的时候,两个框的错误提示都消失。
2024-03-26 12:28:52
954
2
原创 火狐浏览器只能输入数字不生效(replace(/[^\d]/g,‘‘))
有时候使用el-table列表来进行编辑,需要校验el-input框只能输入数字,但是使用却无法进行拦截。
2023-03-20 15:59:24
819
原创 el-input输入的密码不能包含空格的正则表达式
el-input输入的密码不能包含空格的正则表达式。element-ui 密码框显示小眼睛,点击可查看密码。我们在设置密码的时候,不管在首尾还是中间都不允许有空格的,.trim仅仅可以去除首尾空格,当在中间加空格的时候没办法知道,这时候便需要正则来校验提醒用户。
2023-03-14 17:11:21
1413
原创 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
3099
原创 git代码合并了后发现有冲突,我们怎么取消合并?
git代码合并了后发现有冲突,我们有时候不想解决冲突,不想合并了;或者别人把冲突解决完了,自己想拉取一下最新代码,咋办呢?
2022-11-17 11:10:06
3291
原创 el-select多选设置collapse-tags属性将它们合并为一段文字展示时,超过显示长度以...省略号显示,且在一行展示
el-select多选设置collapse-tags属性将它们合并为一段文字展示时,超过显示长度以...省略号显示,且在一行展示想要的展示效果:样式书写,不在一行时,调节一下下面的参数适合自己的便可以变为一行:
2022-11-10 10:41:39
4559
1
原创 前端使用element的el-date-picker组件首次展开默认显示当前月与上一个月
前端使用element的el-date-picker组件首次展开默认显示当前月与上一个月
2022-11-09 20:57:46
4817
1
原创 前端使用el-input输入框保存的数据,怎么样在展示时显示输入的空格、tab、回车,可以使用pre标签
使用input输入框,但是想让在input框输入的空格、tab、回车等在网页上直接显示,那么可以使用pre来展示。
2022-11-08 22:49:30
2072
原创 无法连接仓库: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
13140
原创 vscode复制代码到wps中怎么不带黑色背景
vscode复制代码到wps中怎么不带黑色背景。有时候从vscode复制到wps里面的代码会带背景色,如下图所示:假使不想要这个背景该如何操作。
2022-10-02 10:49:00
11813
原创 使用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
5278
原创 el-dialog 弹框调用组件,只有第一次弹出调用组件接口,后面弹出不在调用接口问题解决
el-dialog 弹框调用组件,只有第一次弹出调用组件接口,后面弹出不在调用接口问题解决
2022-09-11 16:04:23
3020
5
原创 前端vue使用keepAlive: true,,解决页面缓存是否动态刷新的问题(可刷新可不刷新)
我们使用vue做项目时,,特别是搜索条件比较多的列表页时,搜索完后进入详情页,再从详情页回到列表页后数据重置,需要重新进行搜索,使用起来特别麻烦不友好。所以比较友好的要求如下 :1、从列表页进入详情页返回列表页时,连页数、筛选条件等都不能变,但是要列表刷新更新为最新的数据2、列表页进数据编辑页再返回时,页数、筛选条件等都不能变,但是需要带条件刷新列表数据3、不是详情页、编辑页进入列表页时,页数、筛选条件等都全部重置,列表数据刷新4、列表页弹窗操作后,也需要带条件进行刷新数据...
2022-08-30 21:29:39
4307
原创 element-ui的el-upload上传文件按钮在选取文件按钮禁用后仍可点击问题
element-ui的el-upload上传文件按钮在选取文件按钮禁用后仍可点击,如下图:点击按钮已经置灰,但是仍能点开选择图片弹窗,虽然无法上传,但是体验不好。
2022-08-22 22:02:21
7253
7
原创 怎么在el-form-item的后面加提示信息
使用element的el-form表单,怎么在el-form-item的后面加Tooltip文字提示信息
2022-08-19 21:59:43
8839
原创 element的el-table合并,处理合并产生的hover样式问题
有时候列表页需要合并单元格展示,这时候element自带的hover效果没有全选中,如下图所示:但是最终的实现效果是:点击单元格显示合并后的所有行。
2022-08-17 22:11:59
4748
2
原创 element的form表单中如何一行显示多el-form-item标签
在使用element-ui 的 el-form中,有的需求需要一行里面放置多个 el-form-item,可以使用Layout布局
2022-08-14 21:24:18
20854
原创 前端字数太多使用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
8095
原创 Dropdown 下拉框(el-dropdown-menu)内容过长显示‘...’ 鼠标悬浮显示全部
使用element的Dropdown 下拉框(el-dropdown-menu)内容过长显示‘…’ 鼠标悬浮显示全部。有时候内容太长导致文字换行与其它文字折叠展示
2022-08-10 21:18:49
3266
1
原创 前端el-select下拉数据太长显示...鼠标浮上去显示全部
在使用element的select下拉框时,有时候数据过长需要显示省略号,鼠标移入显示全部文字的功能。
2022-07-31 10:16:39
9512
6
原创 使用element中el-table设置type=“expand“展开行隐藏小箭头的方法(列表单选、点击名称展开行)
使用element中el-table设置type="expand"展开行隐藏小箭头的方法。列表单选、点击名称可以展开行
2022-07-30 14:51:44
12082
4
原创 Element-ui 中 el-input 输入框显示:输入字数以及限制输入字数
项目中使用Element-ui中el-input输入框显示输入字数以及限制输入字数。
2022-07-16 10:45:48
16543
原创 解决多个el-checkbox内容折行对不齐问题(可以限制每行展示的个数)
有时候使用element的el-checkbox-group多个el-checkbox内容折行后不对齐,如下图所示:可以用样式来调整(可以限制每行展示的个数)实现代码:css代码:代码解释:鼠标悬停后展示全部最终效果图:...
2022-06-28 20:49:06
3627
1
原创 前端怎么略过部分代码的eslint校验
项目场景:有时候别人写的代码不符合eslint校验规范,从而导致报错无法比较代码:但是不想修改别人的逻辑,还想去提交代码,那么就需要用:<!--eslint-disable-->进行包裹:html使用:<!--eslint-disable-->代码块<!--eslint-disable-->js等使用:/* eslint-disable */代码块/* eslint-disable */...
2022-05-30 21:17:20
474
原创 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
9462
原创 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
9409
原创 前端写代码的时候,不满足条件程序停止执行下面的程序,并弹窗提示
项目场景:前端写代码的时候,有时候需要满足条件才可以执行下面的程序,不满足条件程序停止执行,并弹窗提示不满足的原因。代码实现实现代码: if (this.channnelConfig.user_info_change_sms == '0') { this.$notify({ //不满足条件,弹窗提示 message: '修改不成功', type: 'warning', }); return;
2022-04-20 09:04:02
1291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人