el-form的使用方法:
一、登录表单绑定数据
<!--设置登录表单--> <el-form :model="loginForm" label-width="0px" class="login_form"> <!-- 用户名 --> <el-form-item> <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input> </el-form-item> <!-- 密码 --> <el-form-item> <el-input v-model="loginForm.password" type="password"></el-input> </el-form-item> /*-------------------------------------------------------------------------------------*/ export default { data() { //登录的数据表单绑定 return{ loginForm:{ username:'zs', password:'123' } } } };
其中loginForm是数据绑定方法,需要在<script></script>中data(){loginForm返回}。表单中两个属性,分别对应loginForm中两个字段。