element-ui 常用

安装

注意:在按需引用的时候，按照文档需求会报错

 

由于使用ES标准，而引入的vue-ueditor使用了ES标准，所以编译会报错，解决办法如下：

 npm install babel-preset-es2015 --save-dev

http://element-cn.eleme.io/#/zh-CN/component/quickstart

 

1.安装element-ui

npm i element-ui -S

2.按文档引入

3.开发

main.js文件

 

HelloWorld.vue

 

 

2. 关于Form 表单，Input Slots

<el-form-item prop="password">

              <el-input type="password" placeholder="密码" v-model="myForm.password">

                <i slot="suffix" class="el-input__icon el-icon-lock"></i>

              </el-input>

  </el-form-item>

slot="suffix"  输入框尾部内容，只对 type="text" 有效

slot="prefix" 输入框头部内容，只对 type="text" 有效

slot="prepend" 输入框头部内容，只对 type="text" 有效

 slot="append" 输入框后置内容，只对 type="text" 有效