element做树形下拉_Element input树型下拉框的实现代码

这篇文章主要为大家详细介绍了Element input树型下拉框的实现代码，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

1.效果图

1.1 input聚焦时显示下拉框，再次点击下拉框或点击其他处下拉框消失，主要靠z-index添加遮罩实现

【图片暂缺】

1.2 实时过滤效果

【图片暂缺】

2.代码 ( vue.js + element-ui )

2.1 html

代码如下：

placeholder="请选择会计主管"

class="width-220 selectTree-input"

v-model="form.MANAGER_NAME"

icon="caret-bottom"

auto-complete="off"

@focus="focus($event)"

@click.native="changeSelectTree()">

v-show="isShowSelect"

style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102;"

@click="cancelManager">

empty-text="暂无数