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

Question

引导模式与按钮链接。 我想在点击时获得一些数据。 但是引导默认事件不会让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 ://v2.vuejs.org/v2/guide/events.html#Event-Modifiers

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