如何在Laravel中运行存储在php变量中的JavaScript代码？

Question

在livewire组件中，我有一个脚本标记：

<script>
{!! $script !!}
</script>

假设$script变量包含console.log('test');

它只执行一次-毫不奇怪，文档解释了这一点。建议是发出一个自定义事件并侦听它，但问题是它不能与变量中的代码一起工作。换句话说，这是可行的：

<script>
    document.addEventListener('custom-event', () => {
        console.log('test');
    })
</script>

但这并不意味着：

<script>
    document.addEventListener('custom-event', () => {
        {!! $script !!}
    })
</script>

知道怎么解决这个问题吗？

Answer 1

尝尝这个

在组件中

public $foo;

$this->dispatchBrowserEvent('custom-event', ['foo' => $this->foo]);

在望

<script>
    window.addEventListener('custom-event', event => {
          alert('here value foo: ' + event.detail.foo);
          console.log(event.detail.foo);
    })
</script>

Answer 2

试试这个->

<script>
    document.addEventListener('custom-event', () => {
        {!! json_encode($script) !!}
    })
</script>

我希望这是有益的！)