elementUI форма проверки формы

<эль-форма: модель = "форма" иая = "форма" ярлык ширина = "100px"> 
        <DIV класс = "падд"> 
            <DIV класс = "Метка-вход"> 
                <эль-строка> 
                    <эль-Col класс = "lbin-строки": промежуток = "24"> 
                        <эль-форм-элемент этикетки = "姓名" проп = "название": правила = "[{требуется: верно, сообщение: '请输入姓名', триггер: 'размытость'}] "> 
                            <эль-вход V-модель =" form.name "> </ эль-вход> 
                        </ эль-форм-элемент> 
                    </ эль-Col> 
                    <эль-Col класс =" lbin- строка»: диапазон = "24">
                        <Эль-форм-пункт этикетка = « номер телефона» проп = «мобильный»: правила = «[{требуется: истинное, сообщение:„ Введите номер телефона“, триггер:„размывание“} ]»>
                            <эль-вход V-модель = "form.mobile"> </ эль-вход> 
                        </ эль-форм-элемент> 
                    </ эль-Col> 
                    <эль-Col класс = "lbin-строки": промежуток = "24"> 
                        <эль-форм-элемент этикетка = "密码" опора = "PWD" , если V-= "IsHidden": правила = "[{требуется: истинное, сообщение: '请输入密码', триггер: 'размывание'}]"> 
                            <эль-вход V-модель = "form.pwd "> </ эль-вход> 
                        </ эль-форм-элемент> 
                    </ эль-Col> 
                    <эль-Col класс =" lbin-строки ": промежуток = "24"> 
                        <эль-кнопка @ нажмите =" getSubmit ( ) ">提交</ эль-кнопка 'форма'>
                    </ эль-Col> 
                </ эль-строка> 
            </ DIV> 
        </ DIV> 
    </ эль-форма>

JS

данные () { 
            возвращение { 
                форма: { 
                    имя: '', 
                    мобильный: '', 
                    PWD: '', 
                }, 
                IsHidden ложь, 
            } 
        }, 
        создал () { 

        }, 
        методы: { 
            getSubmit (форма) { 
                . это $ рефов [форма] .validate ((действительный) => { 
                    если (действительный) { 
                        Alert ( 'представить!'); 
                    } еще { 
                        console.log ( 'отправить ошибка !!) 
                        вернуться ложным; 
                    }
                }); 
            } 
        }

  

 

рекомендация

отwww.cnblogs.com/dyy-dida/p/11375483.html