Javascript Vue.js Axios：如何从传递参数的HTML组件调用方法

从HTML组件调用axios函数时，我遇到了一个问题。我需要调用函数作为参数传递迭代中的“user.id”：

<tr v-for="user in users" :key="user.id">
    <td>{{user.id}}</td>
    <td>{{user.name}}</td>
    <td>{{user.surname}}</td>
    <td>  <button class="button"  @click="delete(user.id)">Delete</button></td>
</tr>

我这里似乎有很多问题，第一个问题是，从日志来看：

avoid using JavaScript unary operator as property name: "delete(user.id)" in expression @click="delete(user.id)"

最后，甚至没有调用delete函数。我想知道是否有办法绕过这个问题。 谢谢

日志会自动清除

避免使用JavaScript一元运算符作为属性名

delete

是JavaScript中定义的运算符。 参考-

为您的方法选择任何其他名称

尝试将

deleteUser

作为方法名

<tr v-for="user in users" :key="user.id">
    <td>{{user.id}}</td>
    <td>{{user.name}}</td>
    <td>{{user.surname}}</td>
    <td>  <button class="button"  @click="deleteUser(user.id)">Delete</button></td>
</tr>

methods: {
    deleteUser: function(id) {

         alert("I am deleting " +id)
         // Delete here
    },

{{user.id}
{{user.name}
{{用户.姓氏}
删除
方法：{
deleteUser:函数（id）{
警报（“我正在删除”+id）
//删除此处
},

日志会自动清除

避免使用JavaScript一元运算符作为属性名

delete

是JavaScript中定义的运算符。 参考-

为您的方法选择任何其他名称

尝试将

deleteUser

作为方法名

<tr v-for="user in users" :key="user.id">
    <td>{{user.id}}</td>
    <td>{{user.name}}</td>
    <td>{{user.surname}}</td>
    <td>  <button class="button"  @click="deleteUser(user.id)">Delete</button></td>
</tr>

methods: {
    deleteUser: function(id) {

         alert("I am deleting " +id)
         // Delete here
    },

{{user.id}
{{user.name}
{{用户.姓氏}
删除
方法：{
deleteUser:函数（id）{
警报（“我正在删除”+id）
//删除此处
},

Satyam给出的答案是正确的。请注意，您还应该在警报消息中使用两个双引号或单引号。Satyam给出的答案是正确的。请注意，您还应该在警报消息中使用两个双引号或单引号。谢谢！我非常确定（user.id）是真正的问题，但是当你说使用deleteUser时它起作用了。谢谢！我非常确定（user.id）是真正的问题，但是当你说使用deleteUser时它起作用了。