computed数据改变了却没有更新到视图中

Question

使用计算属性computed，监控数据，实现表头的切换，现在的问题是，计算属性中的数据更新了，却没有更新到视图中//data中定义好的3个表头data(){    return {        columns：[          {text:'总', dataIndex:'total'},        ],        yColumns:[          {text:'年', dataIndex:'year'},        ],        mColumns:[          {text:'月', dataIndex:'month'},        ],    }}//定义的计算属性    computed:{      columnsData(){        console.log(this.columns.filter(function (v) {          if (v.text !== undefined) {            return v          }        }));        return this.columns.filter(function(v){          if(v.text !== undefined){            return v          }        })      }    },        methods:{    //      按名称切换表头      changeData(value){        if(!value){          alert(0);          return;        }        else if(value === '当月'){          alert(1)          this.columns=this.mColumns        }else if(value === '当年'){          alert(3)          this.columns=this.yColumns;        }      },    }

Answer 1

虽然不能看出什么，但是看起来更像是Array.prototype.filter使用的有点不当啊，至少这样看起来正常点：

this.columns.filter(function (v) {

            return v.text !== undefined;

        })