el-input-number方法调用实现增加减少

在Vue.js中使用Element UI的el-input-number组件时，可以通过调用其内置的方法来实现数值的增加和减少。以下是一个简单的示例，展示如何通过方法调用实现数值的增加和减少：

首先，确保你已经安装了Element UI，并且在项目中正确引入了它。

<template>
  <div>
    <el-input-number v-model="num" ref="inputNumber"></el-input-number>
    <el-button @click="increase">增加</el-button>
    <el-button @click="decrease">减少</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 0
    };
  },
  methods: {
    increase() {
      this.$refs.inputNumber.handleIncrease();
    },
    decrease() {
      this.$refs.inputNumber.handleDecrease();
    }
  }
};
</script>

在这个示例中：

1. `el-input-number`组件通过`v-model`绑定到`num`数据属性。
2. `ref`属性被设置为`inputNumber`，以便在方法中引用该组件。
3. `increase`和`decrease`方法分别调用`el-input-number`组件的`handleIncrease`和`handleDecrease`方法，从而实现数值的增加和减少。

通过这种方式，你可以实现通过按钮点击来增加或减少数值的功能。