如何为 javascript 中的事件发送 2 个参数

Question

我有点困惑如何在 Javascript、vuejs 中发送 2 个参数来监听事件。我正在尝试在 keyup===13(enter) 事件时编辑输入数据，但我不知道如何发送带有该值的事件。当我发送 2 个参数时，它一直说事件不是函数。

所以我为每个事件监听创建了 2 个方法。 1. 点击 : 获取每本书列表 2. keyup===13 : 保存数据

有什么想法..？如何用一种方法处理这个问题？

数据

let books = new Map();
books.set('1910', {
    'park': { userName: 'park', bookTitle: 'book1', bookThumbnail: 'book1', bookUrl: 'book1' },
    'ryu': { userName: 'ryu', bookTitle: 'book2', bookThumbnail: 'book2', bookUrl: 'book2' },
    'lee': { userName: 'lee', bookTitle: 'book3', bookThumbnail: 'book3', bookUrl: 'book3' }
})

图书主要成分

<template>
  <v-container>
...
  <tbody>
          <tr v-for="book in books" :key="book.userName" :class="setCss.textAlign">
            <td>{{book.userName}}</td>
            <td>
              <input type="text" :value="book.bookTitle" @click="getUser(book)" @keyup="save" />
            </td>
            <td>{{book.bookThumbnail}}</td>
            <td>{{book.bookUrl}}</td>
          </tr>
        </tbody>
      </template>
    </v-simple-table>
  </v-container>
</template>

脚本

  computed: {
    books: function() {
      let books = this.$store.getters.getBooks;
      let month = this.date;

      let a = books.get(month);

      return a;
    }
  },

方法

  methods: {
    save: function(event) {
      event.preventDefault();

      if (event.keyCode === 13) {
        console.log(1);

      }

    },

    getUser: function(book) {
      //   console.log(book);

      var editedUsername = book.userName;
      var editedBookTitle = event.target.value;
      var editeBookThumbnail = book.bookThumbnail;
      var editedBookUrl = book.bookUrl;

      var item = new Object();
      item.userName = editedUsername;
      item.bookTitle = editedBookTitle;
      item.bookThumbnail = editeBookThumbnail;
      item.bookUrl = editedBookUrl;

      console.log(item);
      return item;
    }
  }

Answer 1

基于。如果您想在 getUser 方法中获取事件，请在绑定中使用 $event。像这样：

<td>
  <input type="text" :value="book.bookTitle" @click="getUser(book, $event)" @keyup="save" />
</td>

Answer 2

new Vue({
  el: '#app',
  data() {
    return {
      book: {
        bookTitle: 'title'
      }
    }
  },
  methods: {
    getUser(e, book) {
      console.log(book);
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>

<div id="app">
  <input type="button" :value="book.bookTitle" @click="getUser($event,book)" />
</div>

如何为 javascript 中的事件发送 2 个参数

How to send 2 params for event in javascript

javascript

vue.js