Avue树形控件默认点了一个条目之后是没有办法取消选择的,要给它加一个按钮取消选择。
首先想到的是查组件库的文档看有没有预置了属性方法来应对这种需求,看了半天发现element-ui是有的,但Avue过度封装,没有把用来控制目前选择的节点的属性方法暴露出来。
最后是采用操作dom的方式,从f12-元素找到表示选中条目的类名is-current,通过它获取被选中的节点,再用html5的classList.remove 给元素直接删掉这个类。这才实现了这个功能。
let selected = document.getElementsByClassName("is-current")[0]
selected.classList.remove("is-current")
虽然知道怎么操作dom,怎么找类名,但到了实际应用的时候一时间没想到要这么做,还是缺乏经验