Vue.js具有过滤选项的多重选择

Question

我有vue.js模板，其中列出了教师列表：

<select name='selinstructor[]' id='selinstructor' class='form-control dropdownins' v-on:change="updateInstructors">
        <option value=''>-TBD-</option>
        <optgroup label="Available">
            <template v-for='(i, index) in instructors'>
                <option :value='i.id' v-if="i.is_available == 1">@{{i.name}}</option>
            </template>
        </optgroup>
        <optgroup label="Unavailable">
            <template v-for='(i, index) in instructors'>
                <option disabled :value='i.id' v-if="i.is_available == 0" style="font-style: italic;">@{{i.name}}</option>
            </template>
        </optgroup>
</select>

以讲师为数组时，如果已经在第一个选择框中选择了讲师，如何从第二个选择框中删除讲师？

有人可以给我建议如何使用Vue.js实现这一目标吗？