elementUI 폼 양식 유효성 검사

<EL 형태 : 모델 = "폼"REF = "폼"라벨 폭 = "100 픽셀"> 
        <div 클래스 = "PADD"> 
            <div 클래스 = "라벨 - 입력"> 
                <EL 행> 
                    <EL-COL 클래스 = "lbin 행"범위 = "24"> 
                        <엘 폼 항목 라벨 = "姓名"소품 = "이름": 규칙 = "[{필수 : 사실, 메시지 : '请输入姓名', 트리거 : '흐림'}] "> 
                            <EL 입력 V 모델 ="form.name "> </ EL 입력> 
                        </ EL 형 항목> 
                    </ EL-COL> 
                    <EL-COL 클래스 ="lbin- 행 "스팬 ="24 ">
                        <엘 폼 항목 레이블 = " 전화 번호"= "모바일"소품 : 규칙 = "[{필수 : 사실, 메시지 : ' , 트리거 전화 번호 입력': '흐림'} ]">
                            </ EL 입력> <= "form.mobile"엘 입력 모델 V> 
                        </ EL 형 항목> 
                    </ EL-COL>
                    <엘 COL 클래스 = "lbin 행"범위 = "24"> 
                        : 규칙 = "[{필요합니다 : 라벨 ="密码"소품이 ="PWD "V가-경우 ="isHidden "<엘 폼 항목을 참 메시지 '请输入密码'트리거 '흐림'}] "> 
                            <EL 입력 V 모델 ="form.pwd "> </ EL 입력> 
                        </ EL 형 항목> 
                    </ el- COL> 
                    <EL-COL 클래스 = "lbin 행"스팬 = "24"> 
                        <EL 버튼 @ 클릭 = "getSubmit ( '형태')">提交</ 엘 버튼> 
                    </ EL-COL> 
                < / 엘 - 행> 
            </ DIV>
        </ DIV> 
    </ 엘 - 형태>

JS

데이터 () { 
            창 { 
                형태 { 
                    이름 : ',' 
                    이동 '' 
                    PWD를 '' 
                } 
                isHidden : 거짓 
            } 
        } 
        생성 () { 

        } 
        방법 { 
            getSubmit (형태) { 
                .이 $ 심판 [양식] .validate ((유효) => { 
                    경우 (유효) { 
                        경고 ( '제출!'); 
                    } 다른 { 
                        을 console.log ( '오류가 제출!'); 
                        false를 반환; 
                    }
                }); 
            } 
        }