Vue中实现input输入框字数限制 分手后的思念是犯贱 2022-10-24 15:27 407阅读 0赞 先放效果图: ![在这里插入图片描述][20210130100910946.png] ## vue代码如下: ## <el-form-item label="活动标题" class="flex-100" prop="title"> <el-input v-model="dataInfo.title" class="cms-width" type='required' maxlength="150" @input="descInput"></el-input> <span class="gray"> 字数限制:{ {enter}}/150</span> </el-form-item> data() { return { enter:0, }; }, methods: { descInput() { var txtVal = this.dataInfo.title.length; this.enter = txtVal; }, } [20210130100910946.png]: /images/20221024/778bc781ff72458caf64cd31c3104815.png
还没有评论,来说两句吧...