区号+座机号码+分机号码：regexp="^(0[0-9]{2,3}/-)?([2-9][0-9]{6,7})+(/-[0-9]{1,4})?$"
手机(中国移动手机号码)：regexp="^((/(/d{3}/))|(/d{3}/-))?13[456789]/d{8}|15[89]/d{8}"
所有手机号码：regexp="^((/(/d{3}/))|(/d{3}/-))?13[0-9]/d
1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中
本文可能是全网第一篇用同一个实例来演示如何编写python和java代码的selenium实战文章，读者可以通过这篇文章了解到selenium是什么、如何使用katalon recorder录制脚本、如何搭建Selenium环境以及如何使用python或者java编写selenium脚本。文章有一点长，但是请相信我，文章真的很实用，如果你想上手Selenium自动化测试，她一定会帮到
转载
2024-10-16 06:24:09
9阅读
我们在项目中头疼的是什么？对，你没有听错，就是
表单验证，各种非空校验，
正则校验等等而初次使用元件的UI，在做
表单验证的时候，由于项目急，自己呢，也没有时间去研究这个，结果比别人多写了500行的JS，有木有很夸张，所以，这个项目结束了，自己呢，去研究了下规则的神奇之处若有不足，请指出来，谢谢大佬们 <template>
<div class="short-visit">
转载
2024-08-27 10:34:53
191阅读
Vue 面试题1.Vue 双向绑定原理 2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？ 3.你是如何理解 Vue 的响应式系统的? 4.虚拟 DOM 实现原理 5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异? 6.Vue 中 key 值的作用？ 7.Vue 的生命周期 8.Vue 组件间通信有哪些方式? 9.watch、
转载
2024-07-30 00:17:37
68阅读
elementUI使用的正确姿势（一）表单当我们使用elementui时，大部分人，遇到问题就想着，用css覆盖原本的样式，导致出现很多问题，一般来说，使用ui库，基本是不写css的，下面就是一下小技巧!1.实现表单搜索栏响应换行定义搜索栏时，利用form表单的inline属性，可以让表单内部变成行内元素自动为一行，同时，缩小屏幕宽度的时候会自动换行<template>
<d
转载
2024-03-30 09:04:51
782阅读
VUE+ElementUI布局随笔el-container标签非必须。每一个vue文件中，所有的html代码都应该写在同一个dom中，否则会报错。el-aside默认宽度为300px,可以通过在标签中修改width属性来调整。若router-view想通过name属性来指定渲染的组件，则在router.js中，该组件在注册时，必须是components的方式，否则无法加载。vue项目会加载publ
转载
2024-04-27 19:35:23
103阅读
vue+elementui 提高开发效率，以下为form表单验证例子。包含自定义验证等。1. 以中国大陆手机号验证为例// 这是组价的代码
<el-form-item prop="mobile">
<el-input type="text" v-model="ruleForm.mobile" auto-complete="off" placeholder="请
转载
2024-08-09 10:20:10
319阅读
目录一、清除表单的验证问题的发生以及解决过程代码总结二、复合型输入框——查询（前置和后置都有的）问题的发生以及解决过程代码展示一、清除表单的验证问题的发生以及解决过程表单弹窗关闭后再打开会出现上一次的验证信息提示，影响使用。翻了翻文档，发现我们可以使用clearValidate（）方法将验证信息移除。即每次监听弹窗的打开，一旦弹窗打开就清除，然而发现没有用T-T然后想起了之前大佬教的试试延时使用，
转载
2024-03-31 20:02:32
861阅读
ElementUI表单构建ElementUI表单构建ElementUI表单构建<el-form ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-
原创
2021-08-02 14:06:24
308阅读
复杂表格的前端处理适用场景：element组件（ui及plus都可以，核心思路是一致的）情况一：element+多选+翻页+勾选关于已上的情况，网上的资源相对还是比较多的，本人受益于以下文这两篇文章： 需求定义而本人这次的需求，相较于以往的要更加复杂一些：具体需求： 用户初选择页面：是table嵌套table的模式，选择的是内部table的row; 仅显示已选择后，需要罗列出已选择的rows；返回
转载
2024-09-29 11:36:17
38阅读
这里写目录标题基本使用 官网点版本的数字到github下载必看 这个js文件会将标签解析为html标签 这些都是element ui写的 瞬间写出效果 不用自己写 导入element相关的资源 vue也要 css样式 和 element js代码布局方法一行分列 多个元素放在指定的位置表单的组件表格组件 直接传入集合就行 循环都不用写必看过滤器直接到登录页面 过滤类 登录案例 页面布局 看视频必
转载
2024-10-08 13:11:35
66阅读
注册组件
表单校验<template> <div class="registerContent"> <nav id="nav-bg"></nav> <div class="mai
原创
2022-07-19 20:32:03
277阅读
目录1、问题背景：2、问题描述：3、 解决过程：4、解决方法：5、参考文章：1、问题背景：我做了一个自定义组件，然后监听组件产生的数据作为form的值，表单大致结构如下：<el-form-item :label="v.tagName" v-for="(v,k) in tags" :key="k" :prop="v.id+''">
<el-tag style="
转载
2024-03-15 05:45:19
514阅读
运用upload有两种场景:①上传文件是个单独的接口,action里就放上传文件的接口地址就可以,然后在成功回调里拿到后端返回的内容(可能是url；也可能是个对象，里边有url和name)。②上传文件没有接口，文件作为某个接口的其中一个参数，和其他参数一起，最后传递给后端，就是今天要说的场景。先说我的需求:点击上传的蓝色按钮之后，并没有调接口，而是在所有的（其他的）表单填写完成之后 点击下边的 创
转载
2024-04-05 12:44:25
239阅读
vue+ElementUI 表单嵌套表格逐行校验（新增、编辑）的完美解决方案一、成果二、要点和解决思路三、源码一、成果在线地址gitHub地址如果帮到你，请点个赞^_^如图，ElementUI表单里嵌套了表格，表格内每行能进行新增、编辑、删除等操作，同时能针对该行的字段进行校验（而不是整个表单校验！），这种需求应该很常见，但是搜了很多资料，没有完美的解决方案，大部分都只是针对整个表单进行校验，而不
转载
2024-02-05 10:18:57
747阅读
1、设计校验方式： 我们表单验证的rules一般封装一个单独的js文件，比如我之前写的这个博客： ElementUI使用问题记录：设置路由+iconfont图标+自定义表单验证 可以修改下：公共的校验写在公共里面，个性化的校验写在methods里面 :rules="[rules.password,{
转载
2018-05-09 22:20:00
166阅读
一套既美观又方便的后台框架可以幅节约开发时间和成本，本文 6 款漂亮、功能强大的后台模板。01. vue-element-adminvue-element-admin 是一个后台模板，它基于 vue 和 element-ui 实现，可以帮助你快速搭建企业级中后台产品原型。功能非常丰富，几乎囊括了你见过的所有组件元素，可以通过下面这个体验一下。：https://panjia
vue项目打开新窗口1,vue项目另开一个新的窗口,可传参let routeData = this.$router.resolve({
path: "/consoleOrderDetails",
query: {orderId: orderId},
});
window.open(routeData.href, '_blank');2,vue点击按钮新开一个空白窗口window.o
elementui表单的验证问题element ui是基于vue的一个ui框架，用起来还是挺不错的，但是有时候还是会遇到一些摸不着头脑的情况。 我在打开一个新增数据的对话框的时候出现了一个问题，明明是新增，但是一打开就出现了错误提示，这肯定是不对的，用户体验也是极其不好的。到底是什么原因导致的呢？ 经过我的检查，发现主要原因就是我的新增和修改的对话框是用的同一个，而显示错误提示的都是trigger
转载
2024-06-26 23:44:55
247阅读
