vue.runtime.esm.js?2b0e:619 [Vue warn]: Error 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" 。
如图,求解
收起
当前问题酬金
¥ 0 (可追加 ¥500)
支付方式
扫码支付
string吧,默认就是string的,不需要再配置过type。
报错是说 未知的类型srting
是不是定义写错了。
你在表单定义的rules规则里面看看是不是那个控件名称写错了,注意大小写及空格等特殊字符。
<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>
能帮忙看看不,找了好久没找到哪错了
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632
非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!
速戳参与调研>>>https://t.csdnimg.cn/Kf0y
报告相同问题?