1 初步想法刚开始选用了el-select中在option里嵌套一个el-tree树形控件,发现有问题,当点击非文字区域或者框的时候,el-select中会出现错误信息,如下:
此问题没解决掉,就换了另一种思路,用el-input框模仿实现一个el-select下拉框方案,发现可行,解决方法效果图如下:
直接上代码,代码方法如下:
<template>
<div v-clickoutside="handleClickOutside" style="width:200px">
<el-input
style="width:200px"
v-model="carSelectParam"
placeholder="请选择车辆"
readonly
@click.native="handleInput"
:suffix-icon="icon"
></el-input>
<div style="position:absolute;z-index: 3333;" v-show="treeShowFlag">
<div class="aaa"></div>
<div class="numberScreening">
<div style="display:flex;flex-direction:row" class="traceScreeningMb">
<el-input
placeholder="输入关键字进行过滤"
v-model&#