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

这篇文章主要为大家详细介绍了基于element-ui的rules中正则表达式，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

在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>

以上这篇基于element-ui的rules中正则表达式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5643-0.html

注：关于基于element-ui的rules中正则表达式的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js