IVIEW UI ＜Input＞ 输入的字母大小写转换

文本输入框input实现字母大小写转换，方法有两种：

1.通过js的onkeyup实现字母大小写转换

注意：因此处使用的是IviewUI <Input>标签 所以标签为大写 事件前需加上“:”才可识别事件。

<Input v-model="value" :onkeyup="this.value=this.value.toUpperCase()"></Input>  //大写
<Input v-model="value" :onkeyup="this.value=this.value.toLowerCase()"></Input>  //小写

此方法在页面上直接显示转换后的结果。

2.通过css控制input显示的大小写转换

使用text-transform实现大小写转换：

• text-transform: uppercase /转为大写/

• text-transform: lowercase /转为小写/

• text-transform: capitalize /单词首字母转为大写/