流星条纹元素无法渲染

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了流星条纹元素无法渲染相关的知识,希望对你有一定的参考价值。

我试图使用带有流星形式的条纹元素形式(v3)。所有代码运行时都没有爆炸,但在调用mount()后没有任何内容呈现。有任何想法吗?

JS:

Template.billing.onRendered(function(){
  let elements = stripe.elements();
  let style = {
    base: {
      // Add your base input styles here. For example:
      fontSize: '16px',
      color: "#32325d",
    }
  };
  let card = elements.create('card', {style: style});
  card.mount('#card-element');
  console.log("done");
})

html

<template name="billing">
   <form id="payment-form">
    <div class="form-row">
      <label for="card-element">
        Credit or debit card
      </label>
      <div id="card-element">
      </div>
      <div id="card-errors" role="alert"></div>
    </div>
    <input type="submit" class="submit" value="Submit Payment">
  </form>
</template>

以上是关于流星条纹元素无法渲染的主要内容,如果未能解决你的问题,请参考以下文章

无法在流星中使用车把@first 数据属性

GLSL:无法从 FBO 读取纹理并使用片段着色器渲染到另一个 FBO

条纹元素抛出“未处理的承诺拒绝”

如果父级有类,则流星渲染模板

条纹卡片元素在表单上不可见

本地数组更改时如何重新渲染流星火焰模板?