可以使用Vue组件调用href =“javascript ...”

时间:2018-02-06 05:42:16

标签: google-maps vue.js

我正在创建一组像这样的谷歌地图信息:

buildInfoWindow(location){
  var infoWindow = new google.maps.InfoWindow({content: location.name + "<br />" + location.street + "<br />" + location.city + ", " + location.state + "<br /><a href=\'javascript:showForLocation(" + location.id + ")\'>show only items</a>"});
  return infoWindow;
},

它是在Vue组件中构建的。有没有办法让showForLocation成为Vue方法?如果没有,我是否需要将此外部设置到我的Vue应用程序中?

1 个答案:

答案 0 :(得分:1)

Vue官方文件https://vuejs.org/v2/guide/的参考资料。

<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">Reverse Message</button>
</div>

var app5 = new Vue({
  el: '#app-5',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})

并在vue中使用google地图,您可以使用vue包,例如:https://www.npmjs.com/package/vue2-google-maps