- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端项目提交规范
项目提交规范● feat：新功能（feature）● fix：修补bug● docs：文档（documentation）● style： 格式（不影响代码运行的变动）● refactor：重构（即不是新增功能，也不是修改bug的代码变动）● test：增加测试● chore：构建过程或辅助工具的变动参考地址：https://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html...
2022-03-01 13:17:05
325
原创 Vue+Element-ui实现emoji表情在光标处添加
前言开发中遇到产品提的一个小需求，在每个el-form-item表单项后面添加添加一个可以在文本任何位置输入emoji表情的功能
2022-01-26 13:29:47
2365
2
原创 JS获取当天零点零时零秒（中国标准时间）格式
记录关于如果如何获取当天零点时间（中国标准时间）格式前言在项目中使用Element-ui中 DateTimePicker 日期时间选择器时，开始时间与结束时间需要默认当天时间，结束时间需要判断当天时间后的不可选（当天时间可选）。在未选择开始时间时，点击结束时间，当天时间不可选问题代码// .vue文件data(){ return { params:{ starTime:new Date() // 获取当前时间 endTime:new Date() } }}com
2022-01-12 18:16:15
5597
2
原创 修改设置vue-treeSelect 的高度，宽度等
加粗样式## 关于修改vue-treeSelect 组件的高度与宽度前言有时候根据项目要求或整题风格的统一性，需要对组件原有样式进行设置，比如：这里需要将左侧的Vue-treeSelect组建的高度设置成与右侧input输入框一样的高度。解决方案1. CSS中的important语法，覆盖样式.treeselect-main { width: 204px; line-height: 28px; .vue-treeselect__placeholder { line-heig
2021-06-17 13:21:33
12937
2
原创 Vue项目element-ui弹窗组件el-dialog，阻止点击遮罩层关闭
关于element-ui弹窗组件el-dialog，阻止点击遮罩层关闭的问题，以及全局处理和局部处理的方法前言在使用element-ui的组件时，有时候根据项目需求，需要修改组件默认的属性值。我们公司项目的需要在el-dialog弹窗组件中写入表单数据，由于表单数据比较多，有时候误触了el-dialog的遮罩层就关闭弹窗了，导致辛辛苦苦填入的数据被清空重置。所以需要阻止弹窗遮罩层的关闭事件。下面针对使用npm安装使用element-ui1. 全局配置npm引入，直接在main.js文件中写入如下
2021-06-15 16:19:10
7999
2
原创 element-ui循环生成表单校验规则（附代码）
关于循环生成的表单如何实现每个表单单独校验在公司开发时，遇到需要循环生成表单并做校验的需求，当时觉得挺难花费了很长时间才写出来，后来发现其实并不难，故整理一个所谓的“模板”供同样被这个需求困扰的同学使用。效果图：手动校验时选中哪个校验哪个，提交表单时全部校验效果图只做展示，与后续代码并没有直接关系代码： <el-form :model="form" ref="form" :rules="rules"> <el-row v-for="(domain,index)
2021-06-15 14:49:16
1707
2
原创 使用element-ui表单，点击回车查询时，页面重新刷新加载的问题
使用element-ui表单，点击回车查询时，页面重新刷新加载的问题代码： <el-form :model="queryParams" ref="queryForm" label-width="68px"> <el-form-item label="展示名称" prop="showName"> <el-input v-model="queryParams.showName"
2021-06-15 13:19:36
1523
1
原创 关于通过v-if渲染的element-ui表单，校验规则不生效的问题
记录关于通过v-if渲染的element-ui表单，校验规则不生效的问题代码 <el-form ref="form" :model="form" :rules="rules" label-width="124px"> <template v-if="show1"> <el-form-item label="标题1" prop="requestType"> <el-input s
2021-06-15 12:47:28
2616
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人