input 输入框的基础用法

1： 基础用法：

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

2:  禁用用法：

<el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>

3： 可清空用法： （使用clearable属性即可得到一个可清空的输入框）  使用 clearable 属性

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

4： 密码框 （添加属性： show-password）   使用show-password： 属性即可以得到显示与隐藏的密码框

<el-input placeholder="请输入密码" v-model="input" show-password></el-input>

  体会： v-model: 绑定的变量： 都会在data  数据源中体现。  v-model: 绑定的值都需要在data 中定义：

5： 文本域饭方式：    设置input type 属性： 设置为textarea     (type="textarea")

<el-input
  type="textarea"
  :rows="2"
  placeholder="请输入内容"
  v-model="textarea">
</el-input>