前端工作总结242-uni-提交成功加入表单验证

简介: 前端工作总结242-uni-提交成功加入表单验证
增加验证规则
<u-form :model="form" :rules="rules" ref="uForm" :errorType="errorType">
      <navigator url="../LevineHua-editor/LevineHua-editor" class="single">
        <u-form-item label="荣誉照片" prop="container" label-width="150">
          <input placeholder="请输入荣誉照片" v-model="form.container" type="texarea" />
        </u-form-item>
      </navigator>
//提交
      submit() {
        //验证
        this.$refs.uForm.validate(valid => {
          if (valid) {
            this.form.marketId = this.vuex_user.market_id
            this.form.createdBy = this.vuex_user.name
            this.form.loginId = this.vuex_user.id
            //接口请求
            this.$u.api.getHonorAdd(this.form).then(res => {
              if (res.data.code == 200) {
                this.$refs.uToast.show({
                  title: res.data.message,
                  type: 'success',
                  back: true
                })
              }else{
                this.$refs.uToast.show({
                  title: res.data.message,
                  type: 'error',
                })
              }
            })
          } else {
            console.log('验证失败')
          }
        })
      },
相关文章
|
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里面有数据参数