Question

我正在尝试访问submit事件中的输入。密码的值未定义。

<template>
  <div class="hello">
    <p>{{ msg }}</p>
    <input type="text" v-model="password">
    <button v-on:click="submit()">Submit</button>
  </div>
</template>

以下是剧本。

<script>
export default {
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      password: ''
    }
  },
  methods: {
    submit: () => {
      console.log('submitted')
      console.log(this.password)
    }
  }
}
</script>

当我尝试登录到控制台时，

this.password未定义。

Answer 1

您应该在methods中使用常规函数而不是胖箭头函数例如：

 methods: {
     submit() {
         console.log('submitted')
         console.log(this.password)
     }
 }

或

 methods: {
     submit: function() {
         console.log('submitted')
         console.log(this.password)
     }
 }

请参阅此处的说明：https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

Vue.js v-model绑定问题

1 个答案: