使用vant下拉框无法上去的解决

** 在开发h5的项目中 用到了vant组件库发生的问题 **

如图 用到了vant的DropdownMenu在外面 里面嵌套着TreeSelect组件 

但是 在使用的过程中 点击了新增话术 却不能收回下拉菜单 竟然还出现了报错 vant给的代码是 下面这样的

<van-dropdown-item title="筛选" ref="item">
</van-dropdown-item>

方法是这样写的

onConfirm() { this.$refs.item.toggle(); },

然而 这样却报错了 显示的是toggle is nodefine

苦思冥想之后 打印出item 发现item竟然变成了一个数组

最后

onConfirm() { this.$refs.item[0].toggle(); },

完美解决!!!!