为什么我在vue.js中'避免使用JavaScript一元运算符作为属性名'？

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

我收到此错误:

避免使用JavaScript一元运算符作为属性名称:表达式v-on中的"delete(joke)":click ="delete(joke)"

奇怪的是,在其他组件中,我joke以相同的方式将相同的对象传递给方法,并且没有错误.

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

Answer 1

我想知道这里有什么问题

delete是一个用JavaScript定义的运算符.

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

以及如何解决它？

选择与delete... 不同的方法名称