在 Laravel Blade 视图中传递自定义事件答案

【问题标题】：Passing a custom event in a Laravel Blade View在 Laravel Blade 视图中传递自定义事件
【发布时间】：2019-08-13 12:55:46
【问题描述】：

我有一个 PHP 刀片文件，我有一个组件列表，它们可以正常工作，但似乎无法在文档提到的 kebab 样式外壳中传递自定义事件。

刀片模板

<div id="app">
     <Shop
        :active-tab="activeTab"
        @show-product-modal="handleShowProductModal"
     >
     </Shop>

</div>

即使是我的文本编辑器中的@show-product-modal 颜色语法也显示出了问题，但我不知道问题出在哪里。我什至尝试过骆驼套管，但也没有。但是，如果我将其更改为 1 个单词，例如“@showitnow”，它就可以正常工作。

【问题讨论】：

【解决方案1】：

在使用 VueJS 时，您不能使用 kebab case 来监听组件事件。相反，您的刀片模板应为：

<div id="app">
     <Shop
        :active-tab="activeTab"
        @showProductModal="handleShowProductModal"
     >
     </Shop>

</div>

【讨论】：

反之亦然。如果您在 html 中使用驼峰式大小写，则会收到警告，因为 html 不区分大小写。此外，如果您正在使用 .vue 文件，则可以使用其中任何一个：)