Element之input输入框

注：input不支持 v-model 修饰符。

一.基础用法

<el-input v-model='input' placegolder="请输入内容"></el-input>

1.禁用状态 ------- :disabled="true"

2.可清空输入框------- clearable

3.密码框 ------ show-password

4.带icon的输入框:

        可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。

<div class="demo-input-suffix">

        属性方式：

        <el-input placeholder="请选择" suffix-icon="el-icon-date" v-model="input1"> </el-input>         <el-input placeholder="请输入" prefix-icon="el-icon-search" v-model="input2"> </el-input>

</div>

<div class="demo-input-suffix">

         slot 方式：

        <el-input placeholder="请选择日期" v-model="input3">

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

        </el-input>

        <el-input placeholder="请输入内容" v-model="input4">

                <i slot="prefix" class="el-input__icon el-icon-search"></i>

        </el-input>

</div>

5.文本域:指定type为textarea即可，也可以通过 :row来控制文本域的高度

6.可自适应文本高度的文本域: autosize指定最小行数和最大行数 { minRows: 2, maxRows: 4}

7.尺寸:可通过 size 属性指定输入框的尺寸，除了默认的大小外，还提供了 large、small 和 mini 三种尺寸。

8.限制长度输入maxlength 和 minlength