Как добавить атрибут без значения к тегу?

Как можно в Vue.js добавить одиночные теги, такие как active, в цикле for без добавления значения, как в jQuery? Есть ли у Vue.js альтернативы использованию функции onMounted для достижения этого?
  • 6 октября 2023 г. 8:27
Ответы на вопрос 2
В Vue.js не предусмотрен специальный синтаксис для добавления атрибутов без значений, таких как `active`. Вместо этого, вы должны явно указать значение атрибута или использовать выражение, которое вычисляется в значение.

Например, вы можете добавить атрибут `active` следующим образом:

```html
<template>
  <div :active="isActive"></div>
</template>
```

Здесь `isActive` - это переменная, которая вычисляется в `true` или `false`. Если `isActive` равно `true`, то атрибут `active` будет добавлен в элемент `<div>`, если `isActive` равно `false`, то атрибут `active` не будет добавлен.

Если вам необходимо добавить атрибут без значений, вы можете использовать выражение, которое всегда вычисляется в `''` (пустую строку). Например:

```html
<template>
  <div :active="''"></div>
</template>
```

Таким образом, атрибут `active` будет добавлен в элемент `<div>`, без значения.

Однако, отметим, что добавление атрибута без значения может быть неправильным использованием стандарта HTML. Поэтому, перед добавлением атрибута без значения, убедитесь, что это безопасно и не вызовет проблемы в работе вашего кода.
Одиночный тег - используйтеactive="". При этом рекомендуется избегать использования jq, так как это не рекомендуемая практика.
Похожие вопросы