JSFiddle - React, Tailwind, and code Playground

by furiblog

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <button @click="showAlert">
    ボタン
    <span @click.stop>（ここは反応しないよ！）</span>
  </button><br>
  
  <button @click="showAlert">
    ボタン
    <span @click="noEvent">（ここは反応しないよ！）</span>
  </button>
</div>

JavaScript

new Vue({
  el: '#app',
  methods: {
    showAlert() {
      alert('クリック！');
    },
    noEvent(event) {
      event.stopPropagation();
    }
  }
});