如何在Polymer 2.0中启用Shady DOM? [英] How do I enable Shady DOM in Polymer 2.0?

问题描述

Polymer 1.x默认使用 Shady DOM ，但是可以在初始化时通过如下方式更改此设置:在导入polymer.html之前设置window.Polymer对象，如下所示:

Polymer 1.x uses Shady DOM by default, but that could be changed at initialization by setting the window.Polymer object before importing polymer.html as follows:

<script>window.Polymer = {dom: 'shadow'};</script>
<link rel="import" href="polymer.html">

但是，似乎Polymer 2.0使用 Shadow DOM ，而与window.Polymer = {dom: 'shady'}无关.如何切换到Shady DOM?

However, it seems Polymer 2.0 uses Shadow DOM regardless of window.Polymer = {dom: 'shady'}. How do I switch to Shady DOM?

推荐答案

Shady DOM垫片是

The Shady DOM shim was factored out of Polymer in 2.0 and moved into the v1 Web Components polyfill.

要启用Shady DOM(而不是默认的Shadow DOM)，请在导入v1 webcomponents-lite.js之前定义以下window.ShadyDOM对象:

To enable Shady DOM (instead of the default Shadow DOM), define the following window.ShadyDOM object before importing the v1 webcomponents-lite.js:

<script>window.ShadyDOM = { force: true };</script>
<script src="webcomponentsjs/webcomponents-lite.js"></script>

codepen

更新:一个更简单的设置是在<script>标记上指定[shadydom]:

UPDATE: A simpler setting is to specify [shadydom] on the <script> tag:

<script src="webcomponentsjs/webcomponents-lite.js" shadydom></script>

codepen

这篇关于如何在Polymer 2.0中启用Shady DOM?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！