el-input-number组件读取列表一行数据

要将 `el-input-number` 组件绑定到列表中的某一行数据，你需要使用 `v-for` 指令来循环遍历列表，并在每行数据上绑定一个 `v-model` 指令来实现数据双向绑定。

以下是一个示例代码：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>名称</th>
          <th>数量</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in items" :key="index">
          <td>{{ item.id }}</td>
          <td>{{ item.name }}</td>
          <td>
            <el-input-number v-model="item.quantity" :min="1" :max="10"></el-input-number>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: '商品1', quantity: 1 },
        { id: 2, name: '商品2', quantity: 2 },
        { id: 3, name: '商品3', quantity: 3 },
      ]
    }
  }
}
</script>

在这个示例中，我们使用 `v-for` 循环遍历 `items` 数组，并将每个数据项绑定到一个表格行中。在每行数据的数量列中，我们使用 `el-input-number` 组件来限制用户输入的数量，并使用 `v-model` 指令将其与当前行数据项的 `quantity` 属性进行双向绑定。

当用户更改输入框中的数量时，`quantity` 属性的值也会相应地更新，因为它们已经通过双向绑定相互关联。