javascript - 在 Vuejs 中使用 indexOf 方法

Question

我的 vue js 元素中有一个方法:

_deleteDesign : function(dsn)
{
    //_deleteDesign
    var url = '{{ url('/fapi/designsTmp/') }}/'+dsn.design_id;
    axios.delete(url)
    .then(function(){ 
        this.$delete(this.creations, this.creations.indexOf(function(el){
            return el.design_id = dsn.design_id;
        }));
    })
    .catch(function(e){
        alert('error deleting design');
    })
    debugger;
}

在这个方法中，我使用了 Javascript 的 indexOf 函数，但是 vuejs 在 Chrome 调试器中向我报告了这个错误:

this.creations.indexOf 不是函数

有什么问题？

Answer 1

由于新的函数声明，this 上下文在 promise then 处理程序中发生了变化。一种修复方法是使用 ES6 箭头函数，它保留函数内代码的现有 this 绑定(bind):

       .then(() => { 
             this.$delete(this.creations, this.creations.indexOf(function(el){
                return el.design_id = dsn.design_id;
             }));
          })