Vue3 如何将输入的值传递给@change="func(param)" 中的方法？

Question

我有一个输入字段，每次值更改时我都需要调用该函数并将新值传递给该函数。我找不到如何操作。

<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)"

这是文档 HTMLElement: Event

在changeQueryName()函数中你可以使用event.target.value

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

Vue3 如何将输入的值传递给@change="func(param)" 中的方法？

Vue3 How to pass input's value to method in @change="func(param)"?

javascript

vue.js

vuejs3