clipboard.png
1: 定义全局(事件)函数

   let infoWindow;
   let infoWindowContent = `
      <div class='info-window'>
        <
        <button  onclick='ClickFunction()'>事件</button>
      </div>
    `;
    infoWindow = new AMap.InfoWindow({
      content: infoWindowContent,
    });

  ClickFunction() 必须是全局函数  否则会报未定义错误 
  

但是此方法 获取不到当前组件对象(有的人需要获取组件对象 处理) 此方法便行不通

2 : 使用 vue.extend() 生成html

首先 引入vue   
    import Vue from 'vue';
    
    var _this = this    当前组件对象
    生成html 和 时间
       var MyComponent = Vue.extend({
            template: '<a style="color:#07bb49;" v-on:click="world()">add Shop</a>',
            methods:{
                 world:function() {
                        console.log(_this)
                        //点击事件 使用 组件对象
                  }
            }
        });
    var component= new MyComponent().$mount();
     infowindow 内容定义   
     var infoWindow = new AMap.InfoWindow({
                   content : component.$el
           });

infowindow 弹出实现在这忽略 详情查看高德地图

Logo

前往低代码交流专区

更多推荐