郴州网站优化,网上购物系统功能模块,做个网站 多少钱,无忧网站建设价格1 简单的表单校验
!--uniapp:参考模板和字段生成页面
字段stuNumber 输入框 学号stuName 输入框 学生姓名teacher 输入框 辅导员submitDate 日期选择 填报日期morningTemperature 输入框#xff08;数字校验一位小数#xff09; 早上体温noonTemperature 输入框…1 简单的表单校验
!--uniapp:参考模板和字段生成页面
字段stuNumber 输入框 学号stuName 输入框 学生姓名teacher 输入框 辅导员submitDate 日期选择 填报日期morningTemperature 输入框数字校验一位小数 早上体温noonTemperature 输入框数字校验一位小数 中午体温stuState 下拉列表0健康、1确诊、2疑似、3隔离 学生状态discomfortSymptoms 文本框 不适状况模板
--
templateview classcontainerview classexampleuni-forms refvaliForm :rulesrules :modelValuevaliFormDatauni-forms-item label姓名 required namenameuni-easyinput v-modelvaliFormData.name placeholder请输入姓名 //uni-forms-itemuni-forms-item label性别 namesexuni-data-select v-modelvaliFormData.sex :localdataarraySexchangechangeSex/uni-data-select/uni-forms-itemuni-forms-item label出生日期 namebirthdayuni-datetime-picker typedatetime v-modelvaliFormData.birthday changechangeBirthday //uni-forms-itemuni-forms-item label自我介绍 nameintroductionuni-easyinput typetextarea v-modelvaliFormData.introduction placeholder请输入自我介绍 //uni-forms-item/uni-formsbutton typeprimary clicksubmit(valiForm)提交/button/view/uni-section/view
/template
scriptexport default {data() {return {valiFormData: {name: ,birthday: ,sex: 2,introduction: ,},arraySex: [{value: 0,text: 男},{value: 1,text: 女},{value: 2,text: 未知},],rules: {name: {rules: [{required: true,errorMessage: 姓名不能为空}]}},}},methods: {changeBirthday(e) {this.valiFormData.birthday e},changeSex(e) {this.valiFormData.sex this.arraySex[e].text},submit(ref) {this.$refs[ref].validate().then(res {}).catch(err {console.log(err, err);})},}}
/script
style langscss.example {padding: 15px;background-color: #fff;}
/style
