此文章为个人笔记，断章取义，不可用来参考。
我的第一篇工作日志，也是刚刚接触vue.js。慢慢来吧。 项目用到了element组件。
form表单中，标签中绑定验证规则rules。 绑定v-model，此作用是为了进行数据验证。 而在标签中，v-model作为数据绑定
<el-form :model="edit" :rules="rules"> <el-form-item label="编码" prop="code"> <el-input v-model="edit.code"></el-input> </el-form-item> <el-form-item label="名称" prop="name"> <el-input v-model="edit.name" ></el-input> </el-form-item> <el-form-item label="备注" prop="remark" > <el-input v-model="edit.remark" ></el-input> </el-form-item> </el-form>在script中，添加edit对象，以及验证规则rules
return{ edit:{}, rules: { //编码输入框验证规则 code:[ {required:true,message:'编码不能为空',trigger:'blur' } ], //名称输入框验证规则 name:[ {required:true,message:'名称不能为空',trigger:'blur' } ], //备注输入框验证规则 remark:[ {required:true,message:'备注不能为空',trigger:'blur' } ] } }