Vuejs2 - 如何将两个数组中的元素与计算属性进行比较？

Question

I'm working on a computed function for comparing two arrays... one keywords in data and another returned by computed keywords_list . When computed compare, he doesn't take in count values getting before by Axios in the first array ... I don't know what to do ...

my code:

{
    beforeCreate() {
            this.$axios({
                method: 'get',
                url: '/api/rest/alerts/'
            }).then(response => {
                if ((response.data.keywords.length == 0) && (response.data.countries.length == 0)) {
                    this.alertEmpty = 'Aucune alerte de créée'
                } else {
                    this.alert = response.data
                    this.keywords = response.data.keywords
                    this.countriesKeywords = response.data.countries
                    this.allSectorsSelected = response.data.all_sectors
                }
            })
        },

        data() {
            return {
                categories: "",
                alert: '',
                alertEmpty: '',
                countriesKeywords: [],
                countrySelected: '',
                keywords: [],
                update: false,
                sectorSelected: "",
                alerts: [],
                keywordSelected: "",
                errorKeyword: '',
                successModification: '',
                allSectorsSelected: null,

            };
        },

        computed: {
            keywords_list: function() {
                for (var i = 0; i < this.sectors.length; i++) {
                    if (this.sectors[i].id == this.sectorSelected) {
                        return this.sectors[i].keywords;
                    }
                }
            },
            allKeywordsInSector: function() {
                if (this.keywords_list.every(item => this.keywords.indexOf(item) >= 0)) {
                    return true;
                }
                return false;
            },
        }
}

thanks for your help

Answer 1

very little information and it is unclear how the api result affects your computed values The only thing i can say, properties in Vue doesn't reactive. So if sections isn't static, computed property sectorSelected will change only if sectorSelected changes

https://v2.vuejs.org/v2/guide/components-props.html#One-Way-Data-Flow