X_zhixia 2021-05-11 20:43 采纳率: 100%
浏览 130
已采纳

in v-on handler: "Error: Unknown rule type srting"

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "Error: Unknown rule type srting" 。

如图,求解

  • 写回答

6条回答 默认 最新

  • Go 旅城通票 2021-05-11 21:28
    关注

    string吧,默认就是string的,不需要再配置过type。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • CSDN专家-Time 2021-05-11 20:46
    关注

    报错是说 未知的类型srting

    是不是定义写错了。

    评论
  • 关注

    你在表单定义的rules规则里面看看是不是那个控件名称写错了,注意大小写及空格等特殊字符。

    评论
  • X_zhixia 2021-05-11 21:46
    关注
    <template>
      <div class="register-container">
        <el-form
          ref="registerForm"
          Label-width="150px"
          class="register-form"
          :model="registerForm"
          :rules="registerRules"
        >
          <el-form-item prop="email" label="邮箱">
            <el-input v-model="registerForm.email"></el-input>
          </el-form-item>
          <el-form-item prop="password" label="密码">
            <el-input v-model="registerForm.password"></el-input>
          </el-form-item>
          <el-form-item prop="comparePassword" label="确认密码">
            <el-input v-model="registerForm.comparePassword"></el-input>
          </el-form-item>
          <el-button
            type="primary"
            style="width:100%"
            native-type="submit"
            :loading="loading"
            @click="register"
            >注册</el-button
          >
          <div class="register-info">
            如果已有账号请<router-link :to="{ name: 'login' }"
              >点击登录</router-link
            ></div>
            </el-form>
        </div>
    </template>
    
    <script>
    import UserService from '../../services/UserService'
    
    export default {
      data () {
        return {
          loading: false,
          registerForm: {
            email: '',
            password: '',
            comparePassword: ''
          },
          registerRules: {
            email: {
              type: 'email',
              required: true,
              message: '请输入有效的邮箱地址',
              trigger: 'blur'
            },
            password: {
              type: 'srting',
              required: true,
              message: '密码不能为空',
              trigger: 'blur'
            },
            comparePassword: {
              type: 'string',
              required: true,
              trigger: 'blur',
              validator: (rule, value, callback) => {
                if (value === '') {
                  callback(new Error('请再次输入密码'))
                } else if (value !== this.registerForm.password) {
                  callback(new Error('两次密码不一致'))
                } else {
                  callback()
                }
              }
            }
          }
        }
      },
      methods: {
        register () {
          this.$refs.registerForm.validate(async valid => {
            if (valid) {
              this.loading = true
              try {
                const response = await UserService.register({
                  email: this.registerForm.email,
                  password: this.registerForm.password
                })
                console.log(response)
              } catch (error) {
                console.log(error)
              }
            }
          })
        }
      }
    }
    </script>
    
    <style lang="scss" scoped>
    .register-container {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      background: #0b66dd;
      .register-form {
        position: relative;
        width: 430px;
        margin: 120px auto 0;
        background: #fff;
        padding: 20px;
        .register-info {
          text-align: right;
          font-size: 0.9rem;
          margin-top: 10px;
          color: #909399;
        }
      }
    }
    </style>
    

    能帮忙看看不,找了好久没找到哪错了

    评论
  • 有问必答小助手 2021-05-12 10:57
    关注

    您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    评论
  • 有问必答小助手 2021-05-13 13:55
    关注

    非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

    速戳参与调研>>>https://t.csdnimg.cn/Kf0y

    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 自学计算机组成原理前要学哪些书
  • ¥15 stm32f103串口无法正常发送接收数据
  • ¥15 如何仅使用递归法改变链表顺序
  • ¥30 频率与占空比均可调的方波发生器
  • ¥15 VB6.0中PICTUREBOX加载本地图片无法显示
  • ¥100 关于游戏app session获取的问题
  • ¥15 爬虫程序爬取TTGChina网站文章代码
  • ¥35 由于系统缓冲区空间不足或队列已满,不能执行套接字上的操作。
  • ¥15 如何用下图方法在AMESim中搭建离心泵模型
  • ¥15 C#连接服务器,请求时报Ssl/Tsl未能建立安全通道