v-on Click 对引导模式按钮不起作用

Posted 2023-02-23

【中文标题】v-on Click 对引导模式按钮不起作用

【英文标题】：v-on Click not working for bootstrap modal button

【发布时间】：2018-08-23 08:52:38

【问题描述】：

引导模式与按钮链接。我想在点击时获得一些数据。但是引导默认事件不会让v-on:click 事件触发。任何帮助将不胜感激。

<a data-id=" $order->id " data-toggle="modal" class="changeartwork" data-target="#uploadModal" @click="getData()">Upload</a>

【参考方案1】：

改用：v-on:click.prevent.stop="getData()"。这将阻止点击冒泡到 Bootstrap 并覆盖它。

查看这里了解更多信息：https://vuejs.org/v2/guide/events.html#Event-Modifiers

注意：.prevent 可能就足够了，但如果没有测试用例，我不确定，所以请试一试，看看哪个有效。

【讨论】：

实际上我检查了页面源，没有v-on click指令，而其他元素的其他指令在那里。可能是什么问题

页面来源？ v-on:click 不会显示。它已作为 vue 页面处理的一部分被删除。 v-on:click 只是 @click 的简写。

它不会在页面源代码或我用于模式按钮的任何 vue 指令中显示 @click 事件。按钮在 laravel else 语句中就是有问题

我的回答回答了你的问题。如果您需要更多，则需要提供更多上下文和信息。目前，如果此答案对您没有帮助，则不清楚您想要什么。