vue[高德地图自定义InfoWindow弹出框中事件问题]

在vue中使用 vue.extend() 生成html解决自定义元素添加问题

在地图中有时候我们会遇上那种需要直接添加页面元素的操作内容如：

我们给InfoWindow添加了一些页面内容使其在地图效果如下：

然后给按钮绑定了点击事件，如：

但是这样的点击确是无效的

然而我们确需要在本组件中自定义一个窗体内容并且给按钮绑定一个本组件能够访问事件。
因此，可以借助vue.extend来协助

报错解决：
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

设置完毕后，效果如下：

同时，在Vue.extend的里面可以直接访问到外面的内容

Vue.extend和vue的组件很类似，其内容如：data(),methods,生命周期…等和组件是一样的。