创新项目实训 —— 输入字数限制及空格限制

输入字数限制

<a-textarea placeholder="请你对渲染图的绘制思路进行必要的描述和解释。（不超过500字）"
            v-show="picFileList.length!==0"
            v-model="creativity_info.picInfo"
            :max-length="500"                                   
            onchange="creativity_info.picInfo=creativity_info.picInfo.substring(0, 500)"                  
            onkeydown="creativity_info.picInfo=creativity_info.picInfo.substring(0, 500)"          
            onkeyup="creativity_info.picInfo=creativity_info.picInfo.substring(0, 500)"                    
            :auto-size="{ minRows: 8, maxRows: 10 }">

备注：onchange、onkeydown、onkeyu三者缺一不可。

如省略onchange，当使用复制功能时，此时一直按着ctrl不松开，鼠标去点击其他地方（焦点移出textarea）时，不会自动取消超出部分；

如省略onkeydown，快速录入的时候会有很多个字符突然不见；

如省略onkeyup，原想预计200的情况下，会变成201，并且最后一个字符是最后敲进去的。

Maxlength 也不可省略，当碰到IE10及以上版本时，可以完美的实现限制输入框字数的功能。

空格输入限制

不允许键盘输入空格

@keydown.native="keydown($event)"

keydown(e){
          if (e.keyCode === 32)
            e.returnValue = false
        },

判断输入内容全为空格

this.name.split(" ").join("").length === 0