vue使用elementUI给input组件绑定回车事件

最近在做的是vue+elementUI的后台管理系统，牵扯到许多的查询操作，表单使用的是elementUI的组件，在给el-input组件绑定回车查询事件时直接使用事件修饰符，发现queryBtn方法没有触发？
代码如下：

<el-form-item label="任务名称">
    <el-input
       placeholder="请输入"
       v-model="formInline.miName"
       @keyup.enter='queryBtn(formInline)'
     ></el-input>
</el-form-item>

可能想到的原因是elementUI的组件是经过封装的，原生的方法可能不起作用。查看官方文档发现，将原生事件绑定到组件需要借助.native修饰符，对代码进行了如下修改：

<el-form-item label="任务名称">
   <el-input
     placeholder="请输入"
     v-model="formInline.miName"
     @keyup.enter.native='queryBtn(formInline)'
    ></el-input>
</el-form-item>

参考：
vue自定义事件