el-input-number组件传dishId给后端，调用后端接口

好的，你想要实现的是在前端使用 `el-input-number` 组件输入一个数字并将对应的 `dishId` 传给后端，然后调用相应的接口，是吗？

首先，在你的前端页面中需要引入 `el-input-number` 组件并设置好相关的配置项，比如最小值、最大值、步长等等。然后，当用户输入数字时，可以通过 `v-model` 双向绑定获取到用户输入的值，这个值就是你要传给后端的 `dishId`。

接下来，你需要在前端调用后端接口，将这个 `dishId` 传给后端。这个可以使用 `axios` 或者其他的 AJAX 库来实现。比如，在 Vue.js 中，你可以在组件中使用 `axios` 发送请求：

import axios from 'axios'

export default {
  data() {
    return {
      dishId: 0, // 初始化为0
      quantity: 1 // 默认数量为1
    }
  },
  methods: {
    onSubmit() {
      axios.post('/api/order', {
        dishId: this.dishId,
        quantity: this.quantity
      }).then(response => {
        // 处理响应结果
      }).catch(error => {
        // 处理错误
      })
    }
  }
}

这里假设你的后端接口是 `/api/order`，接收一个包含 `dishId` 和 `quantity` 的 POST 请求。在提交表单时，你可以调用 `onSubmit` 方法来发送请求，将用户输入的 `dishId` 和数量传给后端。当然，在实际应用中，你需要根据具体情况来调整代码。