Parent的数据函数被调用两次

Question

我正在使用VueJS 2.5.16显示自定义组件：

<datafieldcheckbox class="filterComponents" :filtervalue="filterAll" @call-method="callfilteredproducts"></datafieldcheckbox>

在主vue app数据中，我正在使用返回一些数据的数据函数：

data: {
    get filterAll() {
       console.log(11111111111);
    }
}

这个filterAll被调用两次。我错了还是解决了这个问题？

Answer 1

这是因为您在数据范围内声明并调用filterAll()，然后将其设置为组件的prop，并再次调用它。您应该在方法中移动filterAll()方法，并将其从prop替换为组件。

data(){
    return{
        filtervalue : this.filterAll()
    }
},

methods:{
    filterAll()
    {
        console.log(11111111111);
    }
}