您如何访问方法内部的v模型输入?

时间:2018-06-27 21:45:37

标签: vue.js

我是Vue.js的新手,我不知道如何在按Enter时将输入值传递给方法,以便我可以用它发出Axios请求?我已经尝试了以下操作,但是却收到“未定义searchTerm”的信息。

模板:

<input v-on:keyup="hitEnter" v-model="searchTerm" type="text"/>

数据:

data () {
  return {
    searchTerm: ''
  }
}

方法:

hitEnter (e) {
  if (e.keyCode === 13) {
    console.log('Enter was hit' + searchTerm);
    var vm = this;
    axios.get('/api/search?q=' + searchTerm)
      .then(function (response) {
        vm.results = response.data.data;
    });
  }
}

在此先感谢您的协助。

0 个答案:

没有答案