基于element-ui的rules中正則表達式

更新時間：2018年09月04日 10:18:22 作者：海螺嗚嗚

今天小編就為大家分享一篇基于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中正則表達式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

對 Vue-Router 進行單元測試的方法
這篇文章主要介紹了對 Vue-Router 進行單元測試的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
Vue項目使用localStorage+Vuex保存用戶登錄信息
這篇文章主要為大家詳細介紹了Vue項目使用localStorage+Vuex保存用戶登錄信息，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
淺談vant組件Picker 選擇器選單選問題
這篇文章主要介紹了淺談vant組件Picker 選擇器選單選問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
Vue 實現(xiàn)撥打電話操作
這篇文章主要介紹了Vue 實現(xiàn)撥打電話操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
vue中的router-view組件的使用教程
這篇文章主要介紹了vue中的router-view組件的使用教程，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-10-10
Vue自定義實現(xiàn)一個消息通知組件
這篇文章主要為大家詳細介紹了如何利用Vue自定義實現(xiàn)一個消息通知組件,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考下
2024-03-03
vue 項目集成 electron 和 electron 打包及環(huán)境配
文章介紹了如何使用Vue和Electron開發(fā)桌面端應用,包括安裝Electron、配置package.json、創(chuàng)建main.js文件、運行和打包應用等步驟,并分享了一些常見的打包錯誤及其解決方法,感興趣的朋友一起看看吧
2025-01-01
Vite+Electron快速構建VUE3桌面應用的實現(xiàn)
本文主要介紹了Vite+Electron快速構建VUE3桌面應用的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
vue中路由重定向redirect問題
這篇文章主要介紹了vue中路由重定向redirect問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-05-05
Vue實現(xiàn)英文字母大小寫在線轉換功能
在Web開發(fā)中,字符串處理是常見的需求之一,特別是在國際化應用中,對于文本的格式化處理尤為重要,本文將介紹如何使用Vue.js來構建一個簡單的在線英文字母大小寫轉換工具,需要的朋友可以參考下
2024-09-09