Laravel Livewire事件监听器未开火

Question

我目前正在使用一个事件发射器来呈现一些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个不同的版本，但到目前为止没有运气。如有任何帮助/反馈，我们将不胜感激。

Answer 1

发现问题。我正在将Vue加载到@livewireScripts刀片指令顶部的页面中。通过删除Vue，解决了问题。