vue监听显示textarea中英语单词数（不是字符数）并限制单词数在30以内

Question

vue监听显示textarea中英语单词数（不是字符数）并限制单词数在30以内

Answer 1

监听文本域的相关事件 , 也可以直接用 watch 监听文本域的value值 , 方法有多种 , 字符串分割前建议先处理标点符号,这个单词数会更准确

<textarea @keyup="onKeyup" v-model="textareaVal"></textarea>

onKeyup(){
    // 建议先把标点符号处理成空格后再做下面的字符串分割 , 这样的大的单词数更准确
    let val = this.textareaVal.split(" ");
    // 少于30个
    if(val.length < 30){

    }
    // 大于30个
    else{
    }
}