Установить отключенный атрибут для ссылочного элемента

Question

Я использую пользовательский интерфейс Element split-button, который отображает дополнительную кнопку, которой нет в шаблоне.Тем не менее, я могу получить доступ к рассматриваемой кнопке, установив ref="dropdown" в раскрывающемся меню, удерживая эту кнопку, и ссылаясь на нее с помощью this.$refs.dropdown.$children, и, наконец, перебрать массив $children.Теперь я хочу установить атрибут HTML disabled для этой кнопки, но не могу найти простой способ сделать это в документах Vue.

Как мне настроить атрибуты для ссылок?

Answer 1

Вы можете использовать vm.$el, чтобы получить базовый Element, а затем использовать Element.querySelector, чтобы выбрать кнопку каретки раскрывающегося списка.С помощью ссылки на кнопку вы можете использовать Element.setAttribute('disabled', '') для добавления атрибута disabled и Element.removeAttribute('disabled') для его удаления:

const btn = this.$refs.dropdown.$el.querySelector('.el-dropdown__caret-button');
if (enabled) {
  btn.removeAttribute('disabled');
} else {
  btn.setAttribute('disabled', '');
}

демо