Блог

Я хочу отключить одну ссылку из выпадающего списка b в vuejs в зависимости от их статуса. Я хочу показать оба values - name , но я хочу отключить имя, которое имеет статус not complete

 <span v-for="users in value.user">
 <b-dropdown-item
   :key="user.id"
   active="active"
 >
   <span>
     {{ user.name }}
   </span>
 </b-dropdown-item>
</span>        
  

Пока у меня есть массивы значений из value.user этого

 [
     {
      "id":"1",
      "name":"XXX",
      "status":"complete",
     },
   {
      "id":"2",
      "name":"XXX",
      "status":"not complete",
   }
]
  

Есть предложения?

Из документации

Отключите элемент выпадающего списка, установив disabled реквизит.

 <b-dropdown>
  <b-dropdown-item
    v-for="users in value.user"
    :key="user.id"
    active="active"
    :disabled="user.status === 'not complete'"
  >
    <span>
      {{ user.name }}
    </span>
  </b-dropdown-item>
</b-dropdown>