Alpine.js 未定义变量：调度

Question

我在我的 laravel 7.x 应用程序中使用alpine.js 。 我也在使用LaravelCollective/html来构建一个非常基本的表单。 这里的想法是我试图根据选择的select输入来更改我的锚标记的href 。 我收到以下错误： Undefined variable: dispatch

这是我的 HTML/代码：

<div x-data="{ url: '{{ route('dogs', ['dog'=>$selectedDog]) }}' }" class="px-4 py-5 sm:p-6">       
          <div class="mt-2">
            {{ Form::select('dogs', $dogs, null, 
              ['class' => 'mt-1 sm:leading-5',
              'x-on:change' => "$dispatch('selection-change', { value: $event.target.value })"]) }}
          </div>
          <div class="mt-6">
            <span class="block w-full rounded-md shadow-sm">
              <a 
                href="{{ route('dog', ['dog'=>$selectedDog]) }}" 
                x-bind:href="url"
                x-on:selection-change.window = "alert('test');"
                class="w-full"> 
                  Go to Dog
              </a>
            </span>
          </div>
</div>

更改select输入应触发x-on:selection-change.window事件绑定到锚点上的window ZA8CFDE6331BD59EB26AC96BF4Z 事件不过，似乎$dispatch有问题。

Answer 1

PHP 看到$dispatch并认为它是 PHP 变量，可能需要转义$或使用不允许插值的字符串

任何一个：

• 转义$ : 'x-on:change' => "\$dispatch('selection-change', { value: \$event.target.value })"
• 使用单引号字符串： 'x-on:change' => '$dispatch("selection-change", { value: $event.target.value })'