使用element問題總結

按需加載element

參考博客vue按需引入Element UI的方法

element.js中引入使用的組件名字

參考博客按需引入element組件

表單組件自定義校驗規則

1. 在data函數中創建校驗函數

data () {
	// 驗證密碼格式
	var checkPsw = (rule, value, callback) => {
      const p = /^[\u4e00-\u9fa5a-zA-Z0-9_]{2,18}$/
      if (!p.test(value)) {
        callback(new Error('設置的密碼格式不對請重新設置'))
      }
    }
	
	return {
		ruleForm: {
	        name: '',
	        email: '',
	        password: ''
	    },
	    rules: {
	        name: [
	          { required: true, message: '請輸入用戶名', trigger: 'blur' }
	        ],
	        email: [
	          { required: true, message: '請輸入郵箱', trigger: 'blur' },
	          { type: 'email', message: '請輸入正確的郵箱地址', trigger: ['blur', 'change'] }
	        ],
	        password: [
	          { required: true, message: '請輸入密碼', trigger: 'blur' },
	          { validator: checkPsw, trigger: 'blur' }
	        ]
	   }
	}
}