使用vue加textarea的属性maxlength制作一个文本框字数限制
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;
}