H_Franky 2021-02-28 23:01 采纳率: 22.7%
浏览 299
已采纳

监听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里面加个正则替换最后的空白部分,这个就能正常回车验证,有点小瑕疵就是空格会跳

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 linux驱动,linux应用,多线程
  • ¥20 我要一个分身加定位两个功能的安卓app
  • ¥15 基于FOC驱动器,如何实现卡丁车下坡无阻力的遛坡的效果
  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助