textArea本身是input组件,其实是用到了Input组件当中的maxLength这个api

 

<a-textarea 
	v-model="remark"
	placeholder="请输入备注" 
	:auto-size="{ minRows: 4, maxRows: 6 }"
	:maxLength = "100" 
/>

给textArea添加下标,实时显示

<span style="position: relative;left: 250px;user-select: none;z-index: 999;top: -10px;">{{remark.length}}/100</span>

最终效果

 

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐