vue. js не правильно обновляет элемент управления select2

Question

У меня есть следующий элемент управления select, использующий select2

<select class="js-example-basic-multiple col-md-12" name="approvers" multiple="multiple">
    <option v-for="user in users" v-bind:value="user.guid">
        {{user.name}}
    </option>
</select>

И следующие javascript:

$(document).ready(function () {
    $('.js-example-basic-multiple').select2();
});

var appPolicies = new Vue({
    el: '#appPolicies',
    data: {
        users: []
    },
    created: function () {
        this.getUsers($("#companyGuid").val(), $("#departmentGuid").val());
    },
    methods: {
        getUsers: function (companyGuid, departmentGuid) {
            var self = this;

            axios.get('/api/users?companyGuid=' + companyGuid + '&departmentGuid=' + departmentGuid)
                .then((response) => {
                    self.users = response.data;
                });
        },
        inputChanged: function () {
            this.getUsers($("#companyGuid").val(), $("#departmentGuid").val());
        }
    }
});

Проблема в том, что данные обновляются, но первая запись делает не меняются ни в коем случае. Это всегда остается прежним. В чем может быть причина этой проблемы?.

На втором изображении имя элемента должно быть другим именем. Когда я отлаживаю с помощью консоли 'users' заполняется правильной информацией.

Что я делаю не так ??.