使用vue加textarea的屬性maxlength制作一個文本框字?jǐn)?shù)限制

1.body部分

<div id="app"><div class="textAreaBox"><textarea name="" id="" cols="30" rows="10" maxlength="200" v-model="textareaValue"></textarea><span class="fontCount">{{textareaValueL}}/200</span></div> </div>

2.vue部分

var vm = new Vue({el: "#app",data: {textareaValue: ""},computed: {textareaValueL() {return this.textareaValue.length}},})

3.css部分

.textAreaBox {position: relative;} .fontCount {position: absolute;bottom: 2px;right: 100px;}

總結(jié)

以上是生活随笔為你收集整理的使用vue+textarea的属性maxlength制作一个文本框字数限制的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。