首页 > 解决方案 > 在 light DOM 中渲染一个 lit-element 以与 stripe.js 一起使用

问题描述

Stripe.js 还不支持 shadow-dom。使用 Lit-elements 的createRenderRoot() (documentation) , (source) 您可以使用return this;. 但是,这仅在您createRenderRoot()在所有父元素中实现时才有效。有没有解决的办法?

这是我的 stackblitz示例。它之所以有效,是因为我调用createRenderRoot(){ return this; }了每个元素。

标签: javascriptstripe-paymentsweb-componentshadow-domlit-element

解决方案


Morbidick 的stripe-elements直接与 Stripe 令牌后端对话。它不使用 stripe.js,因此它没有相同的 Shadow DOM 限制。但是代币也有自己的问题。

Bennypowers 的stripe-elements为在 shadow DOM 中工作的 Stripe.js 提供了一个自定义元素包装器。


推荐阅读