Кастомный атрибут по условию в Vue?

Question

[WebDev]

Подскажите, как правильно добавлять атрибут по условию

<div id="container"  v-masonry>
...
</div>

Вот этот атрибут v-masonry мне нужно добавлять и убирать по условию. Дублировать разметку через v-if v-else неудобно, т.к. блок большой.

Answer 1

[0xD34F]

Вот этот атрибут v-masonry мне нужно добавлять и убирать по условию.

Это не атрибут, а директива.

Дублировать разметку через v-if v-else неудобно, т.к. блок большой.

Сделайте отдельный компонент - дублировать придётся одну строчку.

Или вообще ни одной, если вместо шаблона воспользоваться render-функцией.

Comments

[Moe Green]

"Сделайте отдельный компонент - дублировать придётся одну строчку." - имхо, решение вопроса.

Answer 2

[fl3nkey]

Тоже сталкивался с такой проблемой, поэтому написал небольшую либу для условного рендеринга атрибутов и директив. клик.

Comments

[Moe Green]

надо попробовать при случае.
а что за фигурные скобки в Вашем примере? Я с таким синтаксисом не знаком -
joxi.ru/l2ZEn58T8XEROm

[fl3nkey]

Moe Greene, это я показал то что тут значение, наверное зря я их написал, надо убрать.

Answer 3

[Moe Green]

что-то похожее - https://forum-archive.vuejs.org/topic/165/conditio...

Comments

[WebDev]

там стандартные атрибуты, с ними нет проблем