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

Question

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

如图,求解

Answer 1

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

Answer 2

报错是说 未知的类型srting

是不是定义写错了。

Answer 3

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

Answer 4

<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>

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

Answer 5

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

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

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

Answer 6

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

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