Невозможно обновить модель Vue-Multiselect с помощью предварительно определенного объекта - PullRequest
1 голос
/ 02 ноября 2019

Столкнувшись с небольшой проблемой при использовании vue-multiselect, чтобы установить предварительно определенное выбранное значение при редактировании формы. Я пробовал несколько разных способов, пытаясь заставить это работать, и в настоящее время я нахожусь на стадии, где задано предопределенное значение, однако всякий раз, когда я пытаюсь вручную обновить атрибут формы form.newstype, как показано ниже, значение не изменяется ввыбор из нескольких вариантов.

Желаемый результат - не использовать метод @select, связанный с компонентом множественного выбора, а просто полагаться на модель для обновления с помощью двухсторонней привязки, однако мой form.newstype, похоже, не обновляется. Любые указатели или предложения приветствуются. Решением может быть спасатель.

Код такой же можно увидеть ниже.

Vue.component('news-form', {
    mixins: [AppForm],
    props: ['newstypes', 'activetype'],
    data: function() {
        return {
            form: {
                title:  '' ,
                slug:  '' ,
                perex:  '' ,
                published_at:  '' ,
                enabled:  false ,
                newstype: '',
            }
        }
    },
    methods:{

        updateNewsType:function(newVal, id){
            console.log(newVal);
            this.form.newstype = newVal;

        }

    },
    created() {

        this.form.newstype = this.activetype;
    }

});
<multiselect
                @select="updateNewsType"
                v-model="form.newstype"
                :options="newstypes"
                :multiple="false"
                track-by="type"
                label="type"
                tag-placeholder="{{ __('Select News Type') }}"
                placeholder="{{ __('News Type') }}">
</multiselect>

console.log выводит обновленный объект, однако form.newstypes не обновляется.

Заранее спасибо за помощь

...