V-если с двумя условиями

Question

У меня есть следующий код, где v-if всегда показывает true, даже когда doc.acceptance_letter = ''

<a 
  target="_blank"
  class="has-text-link"
  v-if="doc.acceptance_letter!=null || doc.acceptance_letter!= '' "
  :href="doc.acceptance_letter"  
>
  view
</a> 

Я хочу скрыть этот тег привязки, когда doc.acceptance_letter равно нулю или пусто.Кто-нибудь может посоветовать, что я сделал не так?

Answer 1

Ваш код будет всегда отображаться, потому что он всегда будет отличаться от null или '' (переменная не может иметь два значения одновременно). Как указано в комментариях, вы можете просто проверить v-if="doc.acceptance_letter, который будет скрывать его в любом ложном значении, или сделать v-if="doc.acceptance_letter != null && doc.acceptance_letter != ''

<a 
  target="_blank"
  class="has-text-link"
  v-if="doc.acceptance_letter
  :href="doc.acceptance_letter"  
>
  view
</a>

Answer 2

Вы должны использовать && вместо ||, чтобы отобразить тег whendoc.acceptance_letter не является нулевым и не пустым.

<a 
  target="_blank"
  class="has-text-link"
  v-if="doc.acceptance_letter!=null && doc.acceptance_letter!= '' "
  :href="doc.acceptance_letter">
  view
</a> 

Answer 3

Отсутствует '='

v-if="doc.acceptance_letter!== null || doc.acceptance_letter!== '' "