我正在尝试将LitElement集成到工作项目中。它适用于所有浏览器,但禁用customElements
的经过修改的Firefox除外。有什么办法可以解决这个问题?如果我在about:config
中打开,则不要求用户激活它。
组件代码:
import {html, LitElement, property} from 'lit-element';
class MyElement extends LitElement {
@property({type: String}) myProp = 'stuff';
render() {
return html`
<p>Hello World</p>
${this.myProp}
`;
}
}
customElements.define('my-element', MyElement);
答案 0 :(得分:2)
LitElement使用“自定义元素”以方便地包含在网页中,并使用Shadow DOM进行封装。网络平台上没有新的抽象。
如果自定义元素被禁用,我不会期望LitElement能够正常工作。
但是,您可以尝试像https://github.com/webcomponents/custom-elements这样的customElements
使用polyfill –虽然这是针对不支持customElements
的浏览器,但我想它也可以在以下情况下工作:功能已禁用。