我想弄一個登錄界面輸入賬號那里有一個提示輸入1-10個字符，可是我的輸入賬號那里輸對了也一直在警告，但是我的輸入密碼卻是沒問題的，這個怎么處理啊，這個是我的部分代碼
<template>
<div class="login-container">
<div class="login-header">
用戶登錄
</div>
<div class="login-body">
<!-- 表單組件：使用ElementUI -->
<el-form label-width="70px" :model="loginForm" :rules="rules" ref="loginFormRef">
<el-form-item label="賬號" prop="uname">
<el-input placeholder="請輸入賬號" v-model="loginForm.uloginid" suffix-icon="el-icon-s-check" type="text"></el-input>
</el-form-item>
<el-form-item label="密碼" prop="upassword">
<el-input placeholder="請輸入密碼" v-model="loginForm.upassword" :show-password="true" type="password"></el-input>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
export default {
data(){
return {
loginForm:{
uloginid:'',
upassword:''
},
rules:{
uname:[ { required: true, message: '請輸入賬號', trigger: 'blur' },{ min: 3, max: 10, message: '長度在 3 到 10 個字符', trigger: 'blur' }],
upassword:[{ required: true, message: '請輸入密碼', trigger: 'blur' },{ min: 1, max: 10, message: '密碼長度在 1 到 10 個字符', trigger: 'blur' }]
}
}
},
}
</script>
uj5u.com熱心網友回復：
prop 系結的是unname 但是 你V-model 系結的是 uloginiduj5u.com熱心網友回復：
rules里面的欄位必須和input系結欄位一致才會正確校正uj5u.com熱心網友回復：
剛剛試了一下，的確是這個問題，已經改過來了，謝謝大佬轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/20262.html
標籤：非技術區
上一篇：js彈窗計算器
下一篇：問一下關于前端的問題