关于vue3，使用leaflet，弹poput窗的问题。

[BYoungDream]

您好，我在用vue3，使用leaflet，弹poput，使用自定义的vue3组件，我在尝试过程中发现，不能执行dom操作，不知道你有没有遇到这个问题，请教一下，谢谢！

[aehyok]

兄弟，截图看看

[BYoungDream]

/**

• 返回vue组件dom
• @param component xxx.vue
• @param props 自定义传递给组件的属性数据
• @returns {any|VNode} dom id
  */
  const returnVueComponentElement = (component, props = {}) =>{
  let idtxt = "popupid";
  let node = document.getElementById(idtxt);
  if(!node){
  node = document.createElement('div');
  node.id = idtxt;
  document.getElementById('aironemap').appendChild(node);
  }
  let instance = createVNode(component,props);
  render(instance,node);
  return instance.el;
  }

//绑定marker 的click事件
marker.on('click', function () {

        let popuphtml = returnVueComponentElement(Vuecomm);//Vuecomm是一个单独的组件
        var popup = L.popup({'offset':[250,400],'className':'cus-airPopup'}).setLatLng([item.latitude,item.longitude]).setContent(popuphtml);
        mapObj.value.openPopup(popup);

    });

兄弟，你看一下！

[BYoungDream]

在vue2中，我可以这样实现:如下代码所示

ponitTxt.on('click', function () {
const instance = new Vue(Vuecomm);//Vuecomm是一个单独的组件

        const el = instance.$mount().$el;
        var popup = L.popup({'offset':[250,400],'className':'cus-airPopup'}).setLatLng([23.0383,113.19209]).setContent(el);
        map.openPopup(popup);

  });