我用vue 3创建了一个自定义元素<ts-app>
。
发射事件工作正常,但我不知道如何从vanilla js调用方法。
customElements.whenDefined("ts-app").then((app) => {
const el = document.querySelector("ts-app");
// I want to call open inside webcomponent here
// tried el.open(), el.shadowRoot.open() both returns open is not defined
el.addEventListener("updated", function (e) {
//this is working fine
console.log(e);
});
});
在我的组件里
methods: {
open() {
console.log('Open Called')
},
}
1条答案
按热度按时间nafvub8i1#
您可以创建 prop :
看看这个 prop :
然后从vanilla js中设置这个prop: