vue keyup事件

Question

<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却检测不到为空的事件，直接执行的不为空的事件，有遇到过的吗？

Answer 1

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

Answer 2

打印参数text看一下

Answer 3

enter回车换行符不等空字符串，就像一楼说的。
但是这里用失焦是不是会好一点？无论是控制还是用户体验什么的