Question

我正在使用Element UI的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', '');
}

demo

在参考元素上设置禁用的属性

1 个答案: