1.在输入框外显示输入文本长度
备注:<i-input type="textarea" v-model="notes" maxlength="120" style="width:1100px" :autosize="{minRows: 2}"/>
<div style="float: right"> {{notes.length}}/120</div>
效果图:
2.在输入框内显示输入文本长度
在输入框内显示文本长度,仅仅需要添加一个属性:show-word-limit
备注:<i-input type="textarea" v-model="notes" maxlength="120" style="width:1100px" :autosize="{minRows: 2}" show-word-limit/>
效果图:
注:
type="textarea"与type="text"的区别
type=“text”:
此时,Input框为单文本输入框,不支持多行输入,不会换行
type=“textarea”
此时,Input框为多行输入框,文本区可容纳无限量文本