如何在Shadow DOM中加载方形付款表单

Question

我正在尝试为Square Payment表单创建一个Web组件，但是无法将其加载到shadow DOM中。

我想知道这是否可行，因为表格中填充了Square CDN的脚本。

有没有人对这个用例有好运？

我正在使用https://docs.connect.squareup.com/articles/adding-payment-form上的示例中的代码 并将其插入Web组件模板。

完整的代码示例在Codepen上。

https://codepen.io/kvnapavl/pen/BRQZrx?editors=1000#0

<base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<script type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script>

<dom-module id="square-payment-form">

<template>

  // Square payment form code from https://docs.connect.squareup.com/articles/adding-payment-form

</template>

<script>

  Polymer({

    is: 'square-payment-form'

  });

  </script>

</dom-module>

Answer 1

此时您无法在影子dom中使用Square电子商务表单。我建议保持警惕。