vue2 el-input 输入框后面加个按钮 怎么写

您可以使用 Element UI 的 `el-input` 组件，然后在 `append` 或 `prepend` 插槽中添加一个 `el-button` 组件即可。

示例代码如下：

<el-input placeholder="请输入内容">
  <template slot="append">
    <el-button>按钮</el-button>
  </template>
</el-input>

这样就可以在 `el-input` 输入框后面添加一个按钮了。您可以根据需要选择 `append` 或 `prepend` 插槽，来决定按钮是在输入框前面还是后面。

相关问题

vue3el-input输入框怎么变成圆角边

您可以通过设置 el-input 组件的 border-radius 属性来将其变成圆角边。例如：

<el-input v-model="inputValue" placeholder="请输入内容" :border-radius="20"></el-input>

这将把输入框的边框半径设置为 20px，从而实现圆角边效果。

vue 隐藏el-input输入框获取焦点的背景色

在Vue.js中，如果你想要隐藏`el-input`输入框在获取焦点时显示的默认背景色，可以利用自定义样式覆盖或在组件内部处理聚焦事件。以下是一个简单的例子：

1. 使用全局CSS样式覆盖：

.el-input.is-focused {
  background-color: transparent; /* 将背景颜色设置为透明 */
}

这里假设你已经在项目的CSS文件或者全局样式表中设置了`.el-input.is-focused`类。

2. 在Vue组件内部，你可以监听`focus`和`blur`事件并调整背景色：

<template>
  <el-input v-on:focus="handleFocus" v-on:blur="handleBlur"></el-input>
</template>

<script>
export default {
  methods: {
    handleFocus() {
      this.$el.style.backgroundColor = 'transparent'; // 设置为透明
    },
    handleBlur() {
      this.$el.style.backgroundColor = ''; // 或者恢复默认背景色，如果有的话
    }
  }
}
</script>

在这个例子中，当输入框获得焦点时，背景色变为透明；失去焦点则还原默认背景颜色。