Vue3如何将输入的值传递给@change =“func（param）”中的方法？

Question

我有一个输入字段，每次更改值时都需要调用 function 并将新值传递给 function。 我找不到怎么做。

<template slot-scope="scope">
    <el-input
    type="text"
    :value="scope.row.name"
    v-model="queryName"
    @change="changeQueryName(scope.row.id, ???.queryName)">
    </el-input>
</template>

Answer 1

你可以通过$event

@change="changeQueryName($event, scope.row.id, ???.queryName)"

这是 de doc HTMLElement: 事件

在changeQueryName() function 你可以使用event.target.value

changeQueryName(event, id, queryName) {
   console.log(event.target.value)
}