＜el-input/＞ElementUI,input组件使用,以及键盘鼠标事件

 <el-input
   v-model="listQuery.orderId"  数据绑定
   placeholder="orderId"  当输入框内容为空时的占位符
   style="width: 200px;"  输入框宽度
   class="filter-item"  class名称
   @keyup.enter.native="handleFilter"  当按下回车时触发事件调用方法
   @keyup.native="handleFilter" 当按钮回弹时触发的方法
 />

与此同时还有很多其他的方法
按键系列

栗子：按下a时触发

@keyup.a.native="handleFilter"
@keyup.a.b.c.native="handleFilter" 可以同时定义多个

栗子：任何按键弹起触发

@keyup="handleFilter"

鼠标系列

栗子：鼠标离开组件时触发

@mouseleave="handleFilter"

补充

但父组件想在子组件上监听自己的click的话，需要加上native修饰符。
这里的input自己是一个子组件，而我们是在父组件操作他，所以需要使用这个操作符

关于自动执行事件

:onclick 后指定的方法如果带有（）就会在渲染的时候自动执行一次，，
解决办法，不使用有参数的，。或者使用@click
又或者使用箭头函数包括函数

render() {
    return (
      <li onClick={(value) => { this.clickShow(value) }}>
        <span>{this.props.list.title}：</span>
      </li>
    )
  }
  clickShow = (value) => {
    alert(value)
  }