element uiform重置checkbox的值_Vuerouter+Element

1.新建工程

vue init webpack myvue02

2.安装组件

npm installnpm install vue-loader -save-devnpm install element-ui -savenpm install sass-loader node-sass -save-dev

3.启动测试

npm run dev

4.用IDEA接管

5.去Element-ui官网复制相关代码https://element.eleme.cn/#/zh-CN/component/form

Element-ui与Vue适配地非常完美，组件化开发大头，可配合layui弹窗

6.修改代码，符合Vue规范

<template>  <div>    <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">      <el-form-item label="用户名" prop="username">        <el-input type="username" v-model="