H_Franky
2021-02-28 23:01
采纳率: 23.9%
浏览 182
已采纳

监听keyup.enter.native判断不了空？

点击时正常提示要输入内容，但回车时直接提交空的，这是怎么回事？ 

<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;
    }
            .
            .
            .
},
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • AllPromise 2021-03-01 17:12
    已采纳 
     comment(content) {
                this.commentObj.content = this.commentObj.content.replace(/\s$/g,'')
                if (!this.commentObj.content) {
                    this.$message.warning("请输入评论内容！");
                    return;
                }
            },

    在comment里面加个正则替换最后的空白部分,这个就能正常回车验证,有点小瑕疵就是空格会跳

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 我爱吃西瓜喵 2021-03-01 09:28

    我运行了你的代码 没有复现你描述的那个问题

    评论
    解决 无用
    打赏 举报
  • AllPromise 2021-03-01 14:38

    因为keyup是松开按键的时候,你按下的时候已经输了一个空白的进去了,你可以吧v-model改成v-model.trim,但是这样就不能输入空字符,比如空格回车.

    评论
    解决 无用
    打赏 举报

报告相同问题？

提交

相关推荐 更多相似问题