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