前端element ui输入框搜索带输入建议写法

 HTML部分

<el-autocomplete
   class="inline-input"
   clearable
   v-model="queryParams.couponName"
   :fetch-suggestions="querySearch"
   placeholder="请输入内容"
   :style="{width: '80%'}"
   :trigger-on-focus="false"
   @select="handleSelect"
   @keyup.enter.native="handleQuery" >
</el-autocomplete>

ElementUI输入框(input)回车查询事件：

@keyup    译: 触发键盘事件
enter         译: 键盘回车提交
native       译:事件监听(个人理解)

总结(个人理解): 首先需求是在输入框内输入内容后敲下回车键位执行查询操作
那么我们要先去触发(@keyup)键盘上的回车键(enter)然后去监听(native)敲下回车的一刻
按这个逻辑那么也就组成了@keyup.enter.native,可能在大佬面前显得不太专业,
但是够让刚入门的朋友更好的去理解使用来完成相关功能的实现!

scrip