В Vue.js для добавления атрибута к тегу без значения, можно воспользоваться директивой v-bind. Директива v-bind используется для связывания значений JavaScript с атрибутами HTML элементов.
Для добавления атрибута без значения, можно передать пустую строку или значение null в качестве аргумента директивы v-bind.
Вот пример, который показывает, как добавить атрибут "disabled" к кнопке без значения:
<template> <button v-bind:disabled=""></button> </template>
В данном примере, мы используем директиву v-bind с аргументом "disabled" и пустой строкой в качестве значения атрибута. Таким образом, атрибут "disabled" будет добавлен к тегу <button> без какого-либо значения.
Если вы хотите добавить атрибут без значения динамически, то можно использовать JavaScript выражение внутри директивы v-bind. Например:
<template>
<button v-bind:[attributeName]=""></button>
</template>
<script>
export default {
data() {
return {
attributeName: 'disabled'
};
}
};
</script>
В этом примере, мы используем директиву v-bind с выражением [attributeName], которое обращается к свойству "attributeName" в объекте данных. При этом, свойство "attributeName" будет содержать имя атрибута, который мы хотим добавить. Значение атрибута устанавливается как пустая строка.
Таким образом, в зависимости от значения свойства "attributeName", будет добавлен соответствующий атрибут без значения к кнопке. В этом случае, значение свойства "attributeName" может быть изменено динамически, что позволяет добавлять или удалять атрибуты в зависимости от логики приложения.