技術標籤：vue.jsvueelementui

vue rules不生效

問題查詢

   <el-form ref="from" :model="form" :rules="rules" label-width="80px" class="login-box">
      <h1>歡迎登入</h1>
      <el-form-item label="賬號" prop="code">
        <
 
el-input v-model="form.code"></el-input>
      </el-form-item>
      <el-form-item label="活動名稱" prop="name">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="密碼" prop
 
="password">
        <el-input type="password" v-model="form.password"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="login">登入</el-button>
        <el-button>
 
取消</el-button>
      </el-form-item>
    </el-form>
``

1. 注意:rules=“rules” 這裡不填驗證在頁面上是不會產生效果的

2. 注意prop="code"這裡不填寫也是繫結不上的
3. prop的值和定義的vue變數要相同