初学element-ui组件框架

下拉框
 el-select slot=“prepend” multiple(加上是多选) clearable(清空只能单选） v-model=“sum” placeholder="" @change=“sel”>
 el-option
 v-for=“item in options”//for循环
 :key=“item.index”//键名建议使用数字与字符串
 :value=“item.name”>//选择值
 span style=“float: left”>{{ item.name }}/span>//模板
 /el-option>
 /el-select>
 输入框
 el-input size=“medium” v-model=“input” placeholder=“qisa”>
 template slot=“prepend”>as/template>
 template slot=“append”>12/template>
 el-input>
 文字框
 el-input type=“textarea” v-model=“input” autosize placeholder="">el-input>
 数字框
 el-input-number v-model=“input” @change=“inputChange” :min=“1” :max=“10” label=“label”>el-input-number>
 复选框组合 v-model是空数组
 el-checkbox-group v-model=“checkList” @change=“list” fill=“red” text-color=“red” size=“small”>
 el-checkbox label=“复选框 A” size=“mini”>/el-checkbox>
 el-checkbox label=“禁用” disabled>/el-checkbox>
 el-checkbox label=“选中且禁用” disabled>/el-checkbox>
 /el-checkbox-group>单选组合
 el-radio-group v-model=“radio2” size=“medium”>
 el-radio-button label=“上海” >/el-radio-button>
 el-radio-button label=“北京”>el-radio-button>
 /el-radio-group>
 div>el-link href=“https://element.eleme.io” target="_blank">默认链接
 el-link type=“primary” :href=“url”>主要链接/el-link>
 el-link type=“success”>成功链接/el-link>el-input size=“medium” v-model=“input” placeholder=“qisa”>
 template slot=“prepend”>as /template>//输入前缀框
 template slot=“append”>12 /template>//输出后缀框
 /el-input>
 el-button>默认按钮el-button>
 el-button size=“medium”>中等按钮/el-button>
 el-button size=“small”>小型按钮/el-button>
 el-button size=“mini” disabled>超小按钮/el-button>el-button type=“primary” icon=“el-icon-arrow-left”>上一页el-button>
 el-button type=“primary” icon=“el-icon-arrow-right”>下一页/el-button>el-button type=“text” :loading=“true”>文字按钮/el-button>//加载样式
 el-button type=“text” disabled>文字按钮el-button>//禁用样式circle圆 plain朴素 round椭圆角
 el-button type=“primary” icon=“el-icon-check” circle >主要按钮el-button>
 el-button type=“success” plain>成功按钮/el-button>
 el-button type=“info” round>信息按钮el-button>el-button type=“primary” icon=“el-icon-search”>搜索el-button>
 <!-- el-container>：外层容器。当子元素中包含 el-header> 或 el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。el-header>：顶栏容器。
 el-aside>：侧边栏容器。
 el-main>：主要区域容器。
 el-footer>：底栏容器。 -->
 el-container>
 el-header >Header/el-header>
 el-container>
 el-aside width=“200px”>Aside/el-aside>
 el-main>Main/el-main>
 /el-container>
 el-footer>qw/el-footer>
 /el-container>
 el-col :span=“6” :xs=“24”>1