两个el-input-number实现金额范围在设置按钮的情况下

你可以使用两个 `el-input-number` 组件来实现金额范围的输入，并使用一个 `el-button` 组件来触发金额范围的设置操作。

以下是一个示例代码：

<template>
  <div>
    <el-input-number v-model="minAmount" :min="0" :max="maxAmount" @change="handleAmountChange" />
    <span> ~ </span>
    <el-input-number v-model="maxAmount" :min="minAmount" @change="handleAmountChange" />
    <el-button type="primary" @click="setAmountRange">设置</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      minAmount: 0,
      maxAmount: 100
    };
  },
  methods: {
    handleAmountChange() {
      // 处理金额范围变化的逻辑
    },
    setAmountRange() {
      // 处理设置金额范围的逻辑
    }
  }
};
</script>

在上面的示例中，我们使用了两个 `el-input-number` 组件来分别输入金额范围的最小值和最大值，并且使用 `v-model` 指令将它们绑定到组件实例的 `minAmount` 和 `maxAmount` 属性上。同时，我们还使用了 `:min` 和 `:max` 属性来限制最小值和最大值的范围，并使用 `@change` 事件来监听金额范围变化的事件。

最后，我们还使用了一个 `el-button` 组件来触发设置金额范围的操作，并使用 `@click` 事件来监听点击事件。在 `setAmountRange` 方法中，我们可以编写处理设置金额范围的逻辑。