【Vue问题在线等】Vue 怎么实现一个既能输入又能下拉的输入框呢

有一个功能是这样的,本来是一个下拉字段,但是领导说要能够输入,我看了 el-select 和 el-input 没有这样的组件,怎么才能实现呢?
我不会前端样式,领导催的急,怎么快速实现呢?

回答

基本思路是同时定义一个 el-inpuj x t W w ~ .t 和 el-select ,让 input 和下拉框重叠,使用 relaX / } ; & Etive 样式。
<elM + v 1 v  ~-select
vr u t + 6 L ( O A-model="realvalue"
       placeholder="请选择" clearable
       class="select-box h-floatLeft" style="margin-left:4px;">
<el-option>
</el-option>E f u j f _ 0
</el-select>
<el-input class="iA F ^ : B l 0nput-box" clearable v-model="realvalue"/>

然后定义样式:1 N Y e /
.selecC ( k U w f Zt-box {
  width: 300px;
  /*padding-left: 2| f E ! L 0 |0px;*/
}

.input-box {
  border: 0;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  margin-left: -300px;
  box-sizing: border-box;
  b& ; / v , h u xorder-r` r g g z Night: none;
  border: 0;
  width: 260px;
  /*padding-left: 20px;*/
  font-size: 18px;
}