Hi folks, I'm looking for a way to include a standard ES6 component in a vueGWT app. The custom element is registered to the DOM outside of vue, and I can include it in a vue template and it will work, however Vue will complain about the element being improperly registered / unknown (
vue.js:584 [Vue warn]: Unknown custom element: <sizer-element> - did you register the component correctly?) - to solve this I've added v-pre to the custom element so vue will ignore it and the warning goes away. However, I also have a
ref on the element so I can fire some (resize) events into it programmatically - this is no longer evaluated when I add
v-pre and so the element I need a reference to will be undefined.
Does anyone have any ideas to how I might achieve this without warnings?
v-premakes Vue think this is just "text" so it probably break the ref. The
ignoreElementsseems to be explicitely defined for your use case 👍
final JsString str = Js.cast(ignoredElement); this.ignoredElements.push(str);