javascript - 为什么我在 vue.js 中得到 'avoid using JavaScript unary operator as property name'？

Question

在 vue.js 模板中，我有删除笑话的代码

<div  v-on:click="delete(joke)" class="btn btn-sm">delete</div>

以及这样做的方法:

delete: function(joke) {
    console.log('delete requested');
    axios.post( this.BASE_URL + "/delete" , {
        id: joke.id,
        token: this.token,
    }).then( (res) => { 
        this.$router.push({ path: '/' });
    })
    .catch( (error) => {
        console.log(error);             
  });
},

我收到这个错误:

avoid using JavaScript unary operator as property name: "delete(joke)" in expression v-on:click="delete(joke)"

奇怪的是，在其他组件中，我以相同的方式将相同的 joke 对象传递给方法并且没有出现任何错误。

我想知道这里出了什么问题以及如何解决它？

Answer 1

I'm wondering what is wrong here

delete 是在 JavaScript 中定义的运算符。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/delete

and how to fix it?

选择一个不同于delete的方法名 ...