Как объединить 2 v-if в vuejs?

Question

[Александр]

Здравствуйте, появилась необходимость объединить 2 v-if в 1. Вот сам код:

<img v-if="wall.users.photo" :src=" wall.users.photo " alt="">
<img v-if="wall.pages.photo" :src=" wall.pages.photo " alt="">

Если к примеру wall.users.photo = null то подгружаем wall.pages.photo и наоборот.

Comments

[Nikidze]

Не понял, опишите задачу подробнее

[Евгений Дивинец]

Я хз, м.б. как-то так?

<img :src="[wall.users.photo ? wall.users.photo : wall.pages.photo]">

Answer 1

[0xD34F]

<img :src="wall.users.photo || wall.pages.photo">

Если вдруг не гарантируется наличие хотя бы одного из значений, тогда:

computed: {
  src() {
    const { wall } = this;
    return wall.users.photo || wall.pages.photo;
  },
},

<img v-if="src" :src="src">

Answer 2

[Олег]

Если какое-то из значений всегда будет, то просто оператор или, если же нет, то лучше создать вычисляемое св-во:

<img v-if="photo" :src="photo" alt="">

computed: {
  photo() {
      return this.wall.users.photo || this.wall.pages.photo;
  },
},