vue2组件:使用方法强制更新计算的专有属性

Question

我正在尝试使用组件内部的方法来更新计算的专有属性，这里是示例：

props: ['selezionati'],
computed:{
    listaSelezionati() {
        return this.selezionati
    }
},
methods:{
    rimuoviSotto : function(index,indexparent){
        var obj = JSON.stringify(this.listaSelezionati[0][indexparent].sottoservizio[index]);
        alert(obj);
        var mod = this.listaSelezionati[0][indexparent].sottoservizio.splice(index,1);
        vue.set(this.listaSelezionati,mod);
    }
}

基本上我想拼接一个子数组嵌套数据，

obj var只是为了调试和触发正确的值，我尝试在没有var的情况下应用数组拼接，这似乎是有效的，但没有将modify应用到组件视图，所以我试图使用vue.set，但控制台返回我“不是一个函数”。

基本上，我可以做些什么来更新视图的计算属性？

谢谢

Answer 1

计算属性是依赖属性。当它们的从属data属性是反应性更新时，它们也会更新。

因此，将道具的值分配给一个数据属性

props: ['selezionati'],
data((){
    return{
        listaSelezionati: this.selezionati
    }
},
methods:{
    rimuoviSotto : function(index,indexparent){
        var obj = JSON.stringify(this.listaSelezionati[0][indexparent].sottoservizio[index]);
        alert(obj);
        var mod = this.listaSelezionati[0][indexparent].sottoservizio.splice(index,1);
        this.listaSelezionati = mod;
    }
} 

如果要更新从父级恢复的属性，则应以props are one-way data flow的身份使用events

Answer 2

我使用$forceUpdate()解决了这个问题；基本上在这个方法中，我必须强制计算出