草庐IT

some_element

全部标签

gitee提交代码碰见的报错:error:failed to push some refs to ‘https: //gitee.com/....‘

记录一下我使用gitee碰到的一个问题,我用新的电脑第一次上传提交代码到gitee上,提交的时候叫我配置用户名和邮箱我配置好之后还是上传不了,还是弹一个提示框叫我“先试着拉取再推送”我按照它说的操作了一遍还是不行去gitee上看了一下原来是我没有添加主邮箱,我又添加了邮箱验证了。然后推送结果还是报了这个错误:我又执行了:gitpull--rebaseoriginmaster(拉取远程分支代码同步到本地)执行之后提示我已经是最新的代码了我又执行了之前吃操作:拉取=>提交=>推送,结果还是报了一样的错误,后来发现是我的gitee上的邮箱权限问题,我勾选了"不公开我的邮箱地址"才导致这样的问题,取消

element ui的table组件横向滚动条始终位于可视区域

需求:表格行数过多,就需要先滚动到表格底部,才能使用横向滚动条,这给用户带来了不便。思路:在表格内部生成一个自定义横向滚动条,当表格原生的横向滚动条没出现在可视区域范围时,将自定义滚动条调整到视口底部位置,反之隐藏该自定义滚动条。使用:由于用的是Vue,又涉及到操作Dom,故而把这个功能封装成一个指令,在el-table上添加指令即可。过程:main.js(定义全局指令)//perfect-scrollbar插件的包importScrollBarfrom'./direactives/scrollbar'//对应的cssimport'perfect-scrollbar/css/perfect-s

vue element-ui 手机号校验 & 验证码校验 & 获取验证码倒数60秒无样式实现

这段时间被迫搞前端搞裂开了,记录一下手机号验证码校验登录的极简无样式前端实现巨丑!希望大佬们不介意下面是先演示效果点击登陆后显示校验信息输入手机号点击获取验证码输入符合校验的内容后点击登录提示成功无后端交互!!!!非常非常简单的功能,我觉得这是个万能模板,全部代码如下。template> el-formref="loginForm":model="form":rules="rules":inline="true"> el-form-itemlabel="手机号"prop="phone"> el-inputtype="text"maxlength="11"placeholder="手机号"

vue element-ui 手机号校验 & 验证码校验 & 获取验证码倒数60秒无样式实现

这段时间被迫搞前端搞裂开了,记录一下手机号验证码校验登录的极简无样式前端实现巨丑!希望大佬们不介意下面是先演示效果点击登陆后显示校验信息输入手机号点击获取验证码输入符合校验的内容后点击登录提示成功无后端交互!!!!非常非常简单的功能,我觉得这是个万能模板,全部代码如下。template> el-formref="loginForm":model="form":rules="rules":inline="true"> el-form-itemlabel="手机号"prop="phone"> el-inputtype="text"maxlength="11"placeholder="手机号"

若依vue框架+element ui 组件路由跳转与菜单联动

在后台管理系统中当点击某一按钮时,页面发生跳转(路由发生跳转,跳转到与按钮对应的页面),在跳转的同时在侧边栏中打开与之对应模块的菜单项1.点击按钮跳转到/pay/PayIndex页面2.在后台管理系统中侧边栏使用的是elementui中的NavMenu导航菜单组件,在后台管理系统src/layout/components/Sidebar/index中代码如下:import{mapGetters,mapState}from"vuex";importLogofrom"./Logo";importSidebarItemfrom"./SidebarItem";importvariablesfrom"@

Element-ui 多表单同时验证

 如上图表单 [列二列三] 由列一循环出来的数据 所用的校验规则相同  方法一:    拿到表单list数据循环遍历(通过正则/其他)进行校验  上图校验按实际需求只要不为空即可方法二:    通过element表单的rules属性进行校验  定义好rules校验规则配合方法validate进行验证单个验证:多表单校验:核心:validate方法==>对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个promise   再通过Promise.all()方法一一验证 提醒:表单是通过v-fo

不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决

1.问题:使用elementui时间选择报错今天在使用elementui时间选择器时,一切正常,但发现浏览器一直报错,但奇了怪了,明明是从官网上复制的组件代码,咋还会有问题,错误提示如下: 2.分析:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop'svalue.Propbeingmutated:"placement".这个报错是提示我们避免直接更改prop,因为

element-ui中el-form表单验证,只有点击提交按钮时才进行校验

在el-input标签上加一个  :validate-event="false"属性即可实现输入过程中不再校验值的合法性,只有点击提交按钮才会校验://......//......letformRules=ref({ip:{required:true,trigger:['blur','change'],message:'请输入正确的IP地址'}});constformDataRef=ref();//......//提交事件constonSubmit=()=>{ipInput.value.validate((valid:boolean)=>{if(valid){}})}

element-ui 动态表单

背景:朋友入职新公司,做项目重构,根据后端返回表单内容,动态生成表单,于是自己实现了下,哪里写的不好,欢迎各位提建议:因为开关和多选框默认值是非空字符串,所以在created生命周期单独处理了下exportdefault{name:"Home",components:{},data(){return{form:{},list:[{label:"xxx",type:"input",key:"key1",},{label:"xxx",type:"date-picker",key:"key2",},{label:"xxx",type:"select",key:"key3",select:[{labe

【分页表格】Vue2 + Element UI实现自定义的分页表格组件(自定义Vue组件)

这篇文章,主要介绍Vue2+ElementUI实现自定义的分页表格组件(自定义Vue组件)。目录一、分页表格1.1、运行效果1.2、运行环境1.3、案例代码