Vue實現動態顯示textarea剩余文字數量，具體內容如下
這里我們假設允許用戶輸入的最多數量為200個
html代碼如下：
<textarea maxlength="200" @input="descInput" v-model="desc" /><span>{{remnant}}/200</span>javascript代碼如下：
data(){ return{ remnant: 200 }}methods:{ descInput(){ var txtVal = this.desc.length; this.remnant = 200 - txtVal; }}css代碼在這里就不碼出來了~
實現效果如下：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
