Vue前端
菜鸟凯一枚
这个作者很懒,什么都没留下…
展开
-
Element 表单验证,取消部分表单字段校验结果
<template> <div> <el-form ref="formRules" :model="form" :rules="rules" :inline="true"> <el-form-item prop="name"> <el-inpu原创 2018-12-04 11:12:05 · 5929 阅读 · 1 评论 -
vue 键盘回车事件
转载原博:https://blog.csdn.net/lx_1024/article/details/79086979如果是原生的input,使用 @keyup.enter就可以,若是使用了element-ui,则要加上native限制符,因为element-ui把input进行了封装,原事件就不起作用了,代码如下:<input v-model="form.name" placeh...转载 2019-01-16 10:08:27 · 3395 阅读 · 0 评论 -
页面防止快速点击提交按钮,频繁提交的问题
定义的公共方法// 阻止频繁点击export function duplicateClick(context, delay = 500) { if (context.clickTag !== 0) { return Promise.reject(); } context.clickTag += 1; if (context.clickTimer) { cle...原创 2019-01-15 10:16:56 · 843 阅读 · 0 评论 -
axios传递数组参数爬坑总结
https://www.jianshu.com/p/68d81da4e1ad转载 2019-01-14 16:36:24 · 4055 阅读 · 0 评论 -
去除首尾空格、首字母大写、 格式化url参数等方法
/* eslint no-param-reassign: 0 *//* eslint no-control-regex: 0 *//* eslint no-restricted-syntax: 0 *//* eslint no-prototype-builtins: 0 *//* eslint no-continue: 0 */export function parseTime(ti...原创 2019-01-24 09:35:43 · 625 阅读 · 0 评论 -
密码、不含中文、正则表达式
/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[\W_]).{10,20}$/表示长度为10-20位包含数字、字母、特殊字符的密码.表示匹配除“\n”(换行符)和"\r"(回车符)之外的任何单个字符。*表示匹配前面的子表达式任意次。例如,zo*能匹配“z”,也能匹配“zo”以及“zoo”。*等价于{0,}。()表示将( 和 ) 之间的表达式定义为“组”(group),并...原创 2018-11-15 16:21:53 · 16739 阅读 · 0 评论 -
文本自动换行样式word-break: break-all
未加该 word-break: break-all 样式时,联系地址数据加载完全,但是显示不全。全选复制可以得到所有字符。加了 word-break: break-all 样式时,联系地址数据加载完全,换行显示出全部字符。 <li class="table-li"> <div class="table-li-name">职位:&l...原创 2019-01-17 15:08:56 · 11453 阅读 · 0 评论 -
overflow-x: auto 属性
当文本长度超出之后 overflow-x: auto 属性自动产生横向滚动条 <template> <div class="content-container"> <title-bar titleName="案例详情"> <template slot="tool"> <原创 2018-12-25 14:59:43 · 8109 阅读 · 0 评论 -
beforeRouteEnter方法
当从表单页面跳转到详情页面做一些操作后,需要返回定位到原先表单的页面。此时路由跳转需要做一些判断就要用到beforeRouteEnter方法<template> <div class="content-container opinion-container"> <div class="content-tool"> <el-fo...原创 2018-12-24 16:17:48 · 43191 阅读 · 3 评论 -
对表单里面的字段进行截取,删除form表单里面的某个字段属性
<template> <div class="content-container"> <div class="content-operate"> <el-form :inline="true" class="search-form-inline" label-position="原创 2019-01-03 17:26:55 · 4993 阅读 · 0 评论 -
密码框的交互方式
密码为空时,不显示眼睛图标。输入密码时出现带斜杠的眼睛图标,鼠标长时间点击在眼睛图标上显示密码,且眼睛上的斜杠消失,松开鼠标密码隐藏,眼睛上出现斜杠。<div > <el-dialog title="重置密码" :visible.sync="resetPasswordVisible" width="490px" @close="closeResetPas...原创 2018-12-27 10:48:22 · 707 阅读 · 0 评论 -
validateField方法对部分表单字段进行校验
<template> <div class="content-container developer-container dev-register-container"> <nav-bar :address="address" :title="title" :register="true"> </n...原创 2018-12-20 15:42:27 · 78434 阅读 · 11 评论 -
页面刷新问题
A页面部分代码(写法一)当从一个A页面点击某条数据之后跳转到B页面,根据A页面传来的数据作为查询条件,但是单刷新页面B时发现A页面的数据没了,导致B页面的接口调用出错。A页面部分代码(写法一)<el-table-column label="开发商名称" width="180" prop="devpName" show-overflow-tooltip> <templ...原创 2018-12-03 17:46:22 · 502 阅读 · 0 评论 -
vue给同一元素绑定单击click和双击事件dblclick,执行不同逻辑
原博:https://www.cnblogs.com/feng-xl/p/9375992.html 在做项目过程中,需求是点击孔位单击弹出对话框查看产品总数,双击弹出对话框查看详情。一开始直接click和dblclick写在标签里面,但是不管怎么样,总是执行单击事件解决办法:利用计时器,在大概时间模拟双击事件html部分代码: <div class="grid-con...转载 2019-01-16 10:19:27 · 18546 阅读 · 0 评论