<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">系統(tǒng)登錄</h3>
    <el-form-item label="賬號(hào)" prop="account">
     <el-input type="text" v-model="ruleForm2.account" @keyup.native.enter="handleSubmit2" auto-complete="off" placeholder="賬號(hào)"></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` 將所有的對(duì)象合并為一個(gè)新對(duì)象
   return Object.assign({},
    // 我們從父級(jí)添加所有的監(jiān)聽器
    this.$listeners,
    // 然后我們添加自定義監(jiān)聽器，
    // 或覆寫一些監(jiān)聽器的行為
    {
     // 這里確保組件配合 `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>
 `
})