elementui输入框添加按钮事件监听

### 实现方法

为了在 ElementUI 的输入框组件中为按钮添加点击事件监听器，可以通过组合 `el-input` 和 `el-button` 来创建一个带有按钮的输入框，并通过 Vue.js 的事件绑定机制来实现这一需求[^1]。

下面是一个具体的例子：

<template>
  <div class="input-with-button">
    <!-- 使用 el-input 组件 -->
    <el-input v-model="inputValue"></el-input>
    <!-- 添加按钮并绑定 click 事件 -->
    <el-button type="primary" @click="handleButtonClick">点击</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleButtonClick() {
      console.log('按钮被点击了');
      alert(`当前输入的内容是：${this.inputValue}`);
    }
  }
}
</script>

这段代码展示了如何将 `el-input` 和 `el-button` 结合起来使用。当用户点击按钮时会触发 `handleButtonClick` 方法，在该方法内部可以根据实际业务逻辑执行相应操作，比如获取输入框中的值并做进一步处理。

对于更复杂的场景下如果需要多个按钮控制同一对话框，则可能需要用到计算属性来动态设置参数[^4]。