如何从 vue 中的 shadow dom 访问文档/窗口？

问题描述

我正在使用一个库 (vue-airbnb-style-datepicker)，它试图访问 document 对象以附加一些事件侦听器。将 vue 应用程序包装为 Web 组件会导致以下错误：

Cannot read property 'addEventListener' of null

我的main.js：

import Vue from "vue";
import App from "./App.vue";
import wrap from "@vue/web-component-wrapper";
import AirbnbStyleDatepicker from "vue-airbnb-style-datepicker";

Vue.use(AirbnbStyleDatepicker,{});
Vue.config.productionTip = false;

const WrappedElement = wrap(Vue,App);

window.customElements.define("gpc-components",WrappedElement);

如何在 Web 组件中使用 document 对象？

有可能吗？

如果没有，是否存在解决方法？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）