九、vueにおけるイベントオブジェクトの取得

8107 ワード

イベントオブジェクトの取得
イベントオブジェクトの取得は、イベントメソッドにかっこを付ける場合としない場合の2つに分けられます.

括弧なし

<body>
  <div id="root">
    <button @click="handleClick">  button>
  div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  <script>
    const app = new Vue({
      el: "#root",
      data() {
        return {
          hobi: []
        }
      },

      methods: {
        handleClick(e) {
          console.log(e)
        }
      }
    })
  script>
body>

かっこ

かっこをつけるのはパスできるようにするためです

<body>
  <div id="root">
    <button @click="handleClick('abc', $event)">  button>
  div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
  <script>
    const app = new Vue({
      el: "#root",
      data() {
        return {
          hobi: []
        }
      },

      methods: {
        handleClick(desc, e) {
          console.log(desc, e)
        }
      }
    })
  script>
body>

int,long,float,doubleの最小値,最大値

vueデータリスニング