vue 키보드 이벤트 클릭 이벤트 가native 작업

<el-card class="box-card animated flipInY">
   <el-form :model="ruleForm2" :label-position="labelPosition" status-icon :rules="rules2" ref="ruleForm2" label-width="50px" class="demo-ruleForm">
    <h3 class="login_title"> </h3>
    <el-form-item label=" " prop="account">
     <el-input type="text" v-model="ruleForm2.account" @keyup.native.enter="handleSubmit2" auto-complete="off" placeholder=" "></el-input>
    </el-form-item>
    <el-form-item label=" " prop="checkPass">
     <el-input type="password" v-model="ruleForm2.checkPass" @keyup.native.enter="handleSubmit2" auto-complete="off" placeholder=" "></el-input>
    </el-form-item>
    <el-checkbox label=" " v-model="checked" class="remember"> </el-checkbox>
    <el-form-item >
     <el-button type="primary" class="login_btn" @click.native.prevent="handleSubmit2" :loading="logining"> </el-button>
    </el-form-item>
   </el-form>
  </el-card>

<label>
 {{ label }}
 <input
  v-bind="$attrs"
  v-bind:value="value"
  v-on:input="$emit('input', $event.target.value)"
 >
</label>

{
 focus: function (event) { /* ... */ }
 input: function (value) { /* ... */ },
}

Vue.component('base-input', {
 inheritAttrs: false,
 props: ['label', 'value'],
 computed: {
  inputListeners: function () {
   var vm = this
   // `Object.assign`  
   return Object.assign({},
    //  
    this.$listeners,
    //  ，
    //  
    {
     //   `v-model`  
     input: function (event) {
      vm.$emit('input', event.target.value)
     }
    }
   )
  }
 },
 template: `
  <label>
   {{ label }}
   <input
    v-bind="$attrs"
    v-bind:value="value"
    v-on="inputListeners"
   >
  </label>
 `
})