在 vuejs 的下拉列表中禁用一个 link

Question

我想根据它们的状态从 vuejs 的 b-下拉项中禁用一个 link。我想同时显示 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",
   }
]

有什么建议吗？

Answer 1

来自the documentation

Disable the dropdown item by setting the disabled prop.

<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>

在 vuejs 的下拉列表中禁用一个 link

Disable one link in dropdown in vuejs

vuejs2

bootstrap-vue