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并不等于''