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，从而实现圆角边效果。

vue2 el-input输入框，监听输入的值，只能输入1，2，3，4，否则提示错误

你可以使用 `watch` 监听输入框的值，如果输入的值不是1、2、3、4中的一个，就提示错误。可以参考如下代码：

<template>
  <el-input v-model="inputValue" placeholder="请输入1-4之间的数字"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  watch: {
    inputValue(newVal) {
      if (!['1', '2', '3', '4'].includes(newVal)) {
        this.$message.error('只能输入1、2、3、4中的一个');
        this.inputValue = '';
      }
    },
  },
};
</script>

在 `watch` 中监听 `inputValue` 的变化，如果输入的值不在 1、2、3、4 中，就用 `$message` 提示错误，并将输入框的值设为空。