欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

基于element-ui的rules中正则表达式

时间:2020-11-25 12:18:26|栏目:vue|点击:

在rules中的pattern中写正则表达式

<template>
 <el-form :model="unuseForm" label-position="top" :rules="dialogRules">
 <el-form-item label="原因" prop="loseEfficacyReason">
  <el-input type="textarea" v-model="unuseForm.loseEfficacyReason" auto-complete="off"></el-input>
 </el-form-item>
 </el-form>
</template>
<script>
export default{
 data(){
 return {
  dialogRules: {
  loseEfficacyReason: [
   { required: true, message: '请输入原因', trigger: 'blur' },
   { min: 2, message: '请输入不少于2个字符', trigger: 'blur' },
   { pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允许输入空格等特殊符号' }
  ]
  }
 }
 }
}
</script>

上一篇:解决前后端分离 vue+springboot 跨域 session+cookie失效问题

栏    目:vue

下一篇:详解如何实现Element树形控件Tree在懒加载模式下的动态更新

本文标题:基于element-ui的rules中正则表达式

本文地址:http://www.codeinn.net/misctech/26163.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有