<эль-форма: модель = "форма" иая = "форма" ярлык ширина = "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 ( 'отправить ошибка !!) вернуться ложным; } }); } }