密码校验报错

Question

用户登录

  <el-form-item prop="username">
    <span class="svg-container">
      <svg-icon icon="user" />
    </span>
    <el-input
      placeholder="username"
      name="username"
      type="text"
      **v-model="loginForm.username"**
    />
  </el-form-item>

  <el-form-item prop="password">
    <span class="svg-container">
      <svg-icon icon="password" />
    </span>
    <el-input
      placeholder="password"
      name="password"
      **v-model="loginForm.password"**
    />
    <span class="show-pwd">
      <svg-icon icon="eye" />
    </span>
  </el-form-item>

  <el-button type="primary" style="width: 100%; margin-bottom: 30px"
    >登录</el-button
  >
</el-form>

ruls.js:
export const validatePassword = () => {
return (rule, value, callback) => {
if (value.length < 6) {
callback(new Error(‘密码不能少于6位’))
} else {
callback()
}
}
}

Answer 1

Sunday 2023-08-12 17:37:40

你好

从这个错误来看，是因为你从 undefined 读取了 length 属性导致的。 可以检查下对应的代码逻辑 

• 提问者 积水负州 #1

  我直接粘过来的，也是这个问题

• Sunday 回复 提问者 积水负州 #2

  可以给我一个 git 地址，我看下具体的代码内容

• 慕村1342571 回复 提问者 积水负州 #3

  遇到了一样的问题，后面发现<template>
    <div class="login-container">
      <el-form class="login-form" :model="loginForm" :rules="loginRules">model前面少了冒号就会出现，绑定异常