在文档中提到vue2-自动完成-JS不起作用(vue2-autocomplete-js does n

2019-09-28 13:48发布

我有VUE版本2.9.3

我试图从一个REST API URL得到名称： http://192.168.1.3/api/clinic/patients?q=s

将返回的开始与病人的名字S 。

默认情况下它需要q为参数看文档

而下面的文档，我实现它如下所示：

<template>
  <div>
    <div class="alignLabel">
      <label for="patientName">
        <span>Patient Name <span class="required">*</span></span>
      </label>
    </div>
    <div>
    <autocomplete
      url="http://192.168.1.3/api/clinic/patients"
      anchor="title"
      label="writer"
      :on-select="getData">
    </autocomplete>
  </div>
</template>

在脚本：

var $ = window.jQuery = require('jquery')
import Vue from 'vue'
import Autocomplete from 'vue2-autocomplete-js';
Vue.use(Autocomplete)
require('vue2-autocomplete-js/dist/style/vue2-autocomplete.css');
export default {
  name: 'Attend',
  data : function (){ },
  components: {
    'vue-datetimepicker': vuedatetimepicker,
    'autocomplete': Autocomplete,
  },
  methods: {
    getData(obj){
        console.log(obj); // this method is never getting called.
    },

在getData永远不会获取调用。请帮忙。并自动完成不工作的。