javascript - vue keyup事件

问题描述

问 题

<form id="form">
   <textarea v-model="text" placeholder="在这里输入您的问题" @keyup.enter="addDialog(text)"></textarea>
   <button @click.prevent="addDialog(text)"><span>确认提交</span></button>
</form>

methods:{
    addDialog(text){
      if(text == ''){
        layer.msg('输入不能为空')
      }else{
        layer.msg('输入成功')
      }
    }
    

当点击确认提交的时候可以正常触发检测text为空的事件，点击enter却检测不到为空的事件，直接执行的不为空的事件，有遇到过的吗？

解决方案

你按下enter键的时候会添加换行符的，所以text并不等于''

这篇关于javascript - vue keyup事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！