Vuejs select не выберет правильные параметры

Question

Когда я нахожусь на странице редактирования, я ожидаю, что мои сохраненные теги продуктов будут выбраны по умолчанию.

В настоящее время он выбирает только 1 из них и повторяет его столько тегов, сколько у меня (пример)

Code

HTML

Script

data() {
    return {
        cats: [],
        tagss: [],
        form: {
            tags: [],
            categories: [],
            _method: 'PUT',
        },
    }
},
mounted () {
    this.fetchProduct()
    this.getData()
},
methods: {
    getData () {
        axios.get('/api/admin/products', {
            headers: {
            Authorization: 'Bearer ' + localStorage.getItem('access_token')
            }
        })
        .then(response => {
            this.brands = response.data.brands;
            this.cats = response.data.categories;
            this.tagss = response.data.tags;
        })
        .catch(function (error) {
            console.log('error', error);
        });
    },
    fetchProduct() {
        axios
            .get('/api/admin/products/'+this.$route.params.id, {
                headers: {
                    Authorization: 'Bearer ' + localStorage.getItem('access_token')
                }
            })
            .then(response => {
                this.form.tags = response.data.data.tags
                this.form.categories = response.data.data.categories
                console.log('all tags from backend: ', this.tagss) // sample data below
                console.log('this product tags from backend: ', response.data.data.tags) // sample data below
            })
            .catch(function (error) {
                console.log('error', error);
            });
    }
}

вот примеры результатов моего console.log в коде выше

два

примечание: я упомянул свои теги в этом вопросе, но также поделился своим кодом категорий, так как вы можете видеть, что у моих категорий такая же проблема.

Есть идеи, в чем может быть проблема?

Answer 1

Решено

Final code

this.form.tags = response.data.data.tags.map(row => row.name);
this.form.categories = response.data.data.categories.map(row => row.id);

Result

один