点击时正常提示要输入内容,但回车时直接提交空的,这是怎么回事?
<el-input type="textarea" resize="none" @keyup.enter.native="comment(commentObj.content)" :placeholder="placeholder" v-model="commentObj.content"></el-input>
<el-button type="primary" round @click.native="comment(commentObj.content)">提交</el-button>
// data
commentObj: {
content: null, // 评论的内容
},
// methods
comment(content) {
if (!this.commentObj.content) {
this.$message.warning("请输入评论内容!");
return;
}
.
.
.
},
comment(content) {
this.commentObj.content = this.commentObj.content.replace(/\s$/g,'')
if (!this.commentObj.content) {
this.$message.warning("请输入评论内容!");
return;
}
},
在comment里面加个正则替换最后的空白部分,这个就能正常回车验证,有点小瑕疵就是空格会跳
我运行了你的代码 没有复现你描述的那个问题
因为keyup是松开按键的时候,你按下的时候已经输了一个空白的进去了,你可以吧v-model改成v-model.trim,但是这样就不能输入空字符,比如空格回车.