gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 22:41:06 25 4
gpt4 key购买 nike

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

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

有什么想法吗..?如何用 1 种方法处理这个问题?

数据

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' }
})

BookMain组件

<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;
}
}

最佳答案

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 - 如何在javascript中为事件发送2个参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58587662/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com