Javascript el选择按钮附加|元素界面

我需要在选择后添加一个按钮

我已经看到，它们与文档中的输入有关

现在我试着用

网站

我想谈谈形象设计

---

你能告诉我怎么做吗，谢谢

el complete

的输入组样式类中的包装选择框。添加了类样式以隐藏选择框上的箭头图标，并强制高亮显示焦点上的边框颜色（

el input group--append

设置边框颜色：透明）

元素ui并不是为此而设计的。这可能会在更新版本的元素ui中中断

var Main={
方法：{
handleClick（e）{
console.log（'click'，e.target.outerHTML）
}
},
数据（）{
返回{
选项：[{
值：'Option1'，
标签：“选项1”
}, {
值：'Option2'，
标签：“选项2”
}, {
值：'Option3'，
标签：“选项3”
}, {
值：'Option4'，
标签：“选项4”
}, {
值：'Option5'，
标签：“选项5”
}],
值：“”
}
}
}
变量向量=Vue.extend（主）
新Ctor（）.$mount（'#app'）

@import url（“//unpkg.com/element-ui@2.13.2/lib/theme chalk/index.css）；
.el select.el-input.is-focus.el-input\uu inner{
边框颜色：#409EFF！重要；
}
.el-input.el-input-group.el-input-group--append.el select.el-input\u后缀{
显示：无；
}

---

将选择框包装在

el complete

的输入组样式类中。添加了类样式以隐藏选择框上的箭头图标，并强制高亮显示焦点上的边框颜色（

el input group--append

设置边框颜色：透明）

元素ui并不是为此而设计的。这可能会在更新版本的元素ui中中断

var Main={
方法：{
handleClick（e）{
console.log（'click'，e.target.outerHTML）
}
},
数据（）{
返回{
选项：[{
值：'Option1'，
标签：“选项1”
}, {
值：'Option2'，
标签：“选项2”
}, {
值：'Option3'，
标签：“选项3”
}, {
值：'Option4'，
标签：“选项4”
}, {
值：'Option5'，
标签：“选项5”
}],
值：“”
}
}
}
变量向量=Vue.extend（主）
新Ctor（）.$mount（'#app'）

@import url（“//unpkg.com/element-ui@2.13.2/lib/theme chalk/index.css）；
.el select.el-input.is-focus.el-input\uu inner{
边框颜色：#409EFF！重要；
}
.el-input.el-input-group.el-input-group--append.el select.el-input\u后缀{
显示：无；
}

谢谢你的评论，也许我不是那么具体，我想在图像中找到同样的东西，首先是选择，然后是搜索按钮。你想创建一个自动完成输入吗？或者它应该只是一个选择框？我唯一想做的就是把选择和输入这两个组件结合起来，并在图像中显示出来谢谢你的评论，也许我没有那么具体，我想在图像中看到同样的东西，首先是选择，然后是搜索按钮。您是否正在尝试创建自动完成输入？或者它只是一个选择框？我唯一想做的就是将选择和输入这两个组件结合起来，并在图像中显示出来

<el-select v-model="value" placeholder="Select">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>

     <el-input placeholder="Please input" v-model="input2">
        <template slot="append">.com</template>
      </el-input>