v-on单击不适用于bootstrap模式按钮

Question

Bootstrap模式与按钮链接。我想获得一些关于点击的数据。但是引导默认事件不允许触发v-on：click事件。任何帮助将不胜感激。

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

Answer 1

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

有关详细信息，请参阅此处：https://vuejs.org/v2/guide/events.html#Event-Modifiers

注意：.prevent可能已经足够但没有测试用例，我不确定是这样只是试一试，看看哪些有效。