Компонент Vue не вызывает ошибку, но ничего не рендерит - PullRequest
Новая
       1

Компонент Vue не вызывает ошибку, но ничего не рендерит

0 голосов
/ 25 сентября 2019

Я пытаюсь заставить vue-google-autocomplete работать на моем сайте.Поскольку это Django проект, и я не использую nmp, и я не знаю, как его использовать, я пытаюсь использовать http-vue-loader .

Проблемав том, что я не вижу ничего, кроме VUE works на сайте.

JSFIDDLE

https://jsfiddle.net/zwjs8k75/7/

JS 

Vue.use(httpVueLoader);
new Vue({
  el: '#app',
  data: {
    'testmessage': 'VUE works'
  },
  'components': {
    'vue-google-autocomplete': 'url:https://cdn.jsdelivr.net/npm/vue-google-autocomplete@1.1.0/src/VueGoogleAutocomplete.vue'
  },


  methods: {
    /**
     * When the location found
     * @param {Object} addressData Data of the found location
     * @param {Object} placeResultData PlaceResult object
     * @param {String} id Input container ID
     */
    getAddressData: function(addressData, placeResultData, id) {
      this.address = addressData;
    }
  }
})
...