키업 Vuejs 2에 대한 입력 값 가져오기

키업 Vuejs 2에 대한 입력 값 가져오기

Vuejs 2를 사용하여 키업 시 입력값을 얻으려고 하는데 항상 데이터와 같이 빈 결과가 나옵니다.아래 코드를 참조하십시오.

HTML:

<input type="email" @keyup="this.$data.email= $event.target.value" class="form-control" id="email" placeholder="Username (your work email)">
<button type="button" class="btn btn-primary btn-block inactive" @click="submit">Log in</button>

스크립트:

data () {
  return {
    email: '',
  }
},
methods: {
  submit () {
    alert(this.$data.email)
  }
}

참조할 필요가 있습니다.email(없음)this.$data.email):

<input type="email" @keyup="email = $event.target.value" class="form-control" id="email" placeholder="Username (your work email)">

---

또, 왜,v-model묶다email어떻게 할 수 있을까요?

new Vue({
  el: '#app',
  data () {
    return {
      email: '',
    }
  },
  methods: {
    submit () {
      alert(this.email)
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="app">
  <input type="email" v-model="email" class="form-control" id="email" placeholder="Username (your work email)">
  <button type="button" class="btn btn-primary btn-block inactive" @click="submit">Log in</button>
</div>

@keyup.enter.native="submitMETHOD"

언급URL : https://stackoverflow.com/questions/45331572/get-input-value-on-keyup-vuejs-2