我目前正在使用事件发射器来渲染一些Javascript以显示Stripe信用卡输入。理想的结果是显示一个模式，然后使用Javascript事件侦听器呈现信用卡输入。
我有一个类似的按钮来显示Jetstream模式：
<x-jet-secondary-button type="button" wire:click="showCreateModal">Show</x-jet-secondary-button>
在Livewire组件中，这是方法：
public function showCreateModal()
{
$this->emit('loadCard');
$this->showCreate = true;
}
然后是Javascript事件监听器：
<script type="text/javascript">
var STRIPE = Stripe('{{ config("cashier.key") }}');
var elements = STRIPE.elements();
Livewire.on('loadCard', function () {
setTimeout(function() {
var card = elements.create('card');
card.mount('#card-element');
}, 500)
});
</script>
我尝试了3或4个不同的版本，到目前为止还没有运气。任何帮助/反馈将不胜感激。
找到了问题。我将Vue加载到@livewireScripts刀片指令顶部的页面中。通过删除Vue，解决了该问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句