我正在创建一组像这样的谷歌地图信息:
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应用程序中?
答案 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