前端工作总结295-uni-增加表单验证

简介: 前端工作总结295-uni-增加表单验证
<u-form-item prop="account">
                 <u-input v-model="form.account" placeholder="请输入账号"></u-input>
             </u-form-item>
             <u-form-item prop="password">
                 <u-input class="inp" v-model="form.password" type="password" placeholder="请输入密码"></u-input>
             </u-form-item>
    rules: {
                     account: [{
                         required: true,
                         message: '请填写账号',
                         trigger: ['change', 'blur']
                     }, ],
                     password: [{
                         required: true,
                         message: '请填写密码',
                         trigger: ['change', 'blur']
                     }]
                 }

image.png

相关文章
|
7月前
|
前端开发 JavaScript
“构建高效的前端表单验证与增删改功能实现“
“构建高效的前端表单验证与增删改功能实现“
28 0
|
前端开发
前端工作总结116-动态渲染数据 数据在数字字典里面
前端工作总结116-动态渲染数据 数据在数字字典里面
68 0
|
前端开发 JavaScript
前端工作总结195-vue带参数跳转其他页面
前端工作总结195-vue带参数跳转其他页面
75 0
前端工作总结195-vue带参数跳转其他页面
|
前端开发
前端工作总结182-element-ui el-table sortable属性 参数详解
前端工作总结182-element-ui el-table sortable属性 参数详解
309 0
前端工作总结182-element-ui el-table sortable属性 参数详解
|
JavaScript 前端开发
前端工作总结118-vue.runtime.esm.js?2b0e:619 [Vue warn]: <transition-group> children must be keyed: <ElTag>
前端工作总结118-vue.runtime.esm.js?2b0e:619 [Vue warn]: <transition-group> children must be keyed: <ElTag>
492 0
|
前端开发
前端工作总结147-custom组件
前端工作总结147-custom组件
90 0
前端工作总结147-custom组件
|
前端开发
前端工作总结146-nexttick的使用
前端工作总结146-nexttick的使用
70 0
前端工作总结146-nexttick的使用
|
前端开发
前端工作总结145-页面布局
前端工作总结145-页面布局
69 0
前端工作总结145-页面布局
|
前端开发
前端工作总结148-引用当前组件下面的方法是混入
前端工作总结148-引用当前组件下面的方法是混入
64 0
前端工作总结148-引用当前组件下面的方法是混入
|
前端开发
前端工作总结142-element上传组件时候的钩子--event里面有数据参数
前端工作总结142-element上传组件时候的钩子--event里面有数据参数
60 0
前端工作总结142-element上传组件时候的钩子--event里面有数据参数