Условное форматирование в BootstrapVue <b-form-select>?

Question

У меня есть <b-form-input> в моем компоненте vue. У меня :options установлен массив адресов электронной почты.

Это список адресов электронной почты, с которыми пользователь может начать чат. Метод, который я использую для получения этих адресов электронной почты, я не могу помешать <b-input-select> иметь в нем зарегистрированный в настоящее время адрес электронной почты пользователей.

Это проблема, потому что, очевидно, пользователь не должен иметь возможность начать чат с самим собой.

Есть ли способ условно отобразить эти :option на основе, если они не совпадают с адресом электронной почты текущего пользователя, вошедшего в систему?

Тег, который у меня сейчас есть, таков:

<b-form-select :options="usersNotChatting" v-model="newChat.participants[1].userEmail"></b-form-select>

Спасибо.

Answer 1

Вы можете использовать свойство computed для фильтрации данных опций.

computed:{
    getoption(){
      let filtered_option = this.mail_list.filter(function(item){
        return item.value!='Test2@gmail.com' // currently signed user email
      })
      return filtered_option;
    }
  }

<b-form-select id="exampleInput3"
                      :options="getoption"
                      required
                      v-model="newChat.participants[1].userEmail">
        </b-form-select>