const templateParameter=["user_name", "service_name"] <table border cellspacing="0px" cellpadding="0px" bgcolor="#fff"> <tr> <th style="width:250px;background-color: #e7e6e6;">{{$t('parameterKey')}}</th> <th style="background-color: #e7e6e6;">{{$t('parameterValue')}}</th> </tr> <tr v-for="item in templateParameter"> <th>{{ item }} </th> <th><input @input="change" ></th> </tr> 将表格中的input框输入的值做绑定能和item一一对应

您可以使用 `v-model` 指令将输入框的值与 `item` 一一对应绑定起来。以下是修改后的代码示例：

<table border cellspacing="0px" cellpadding="0px" bgcolor="#fff">
  <tr>
    <th style="width:250px;background-color: #e7e6e6;">{{$t('parameterKey')}}</th>
    <th style="background-color: #e7e6e6;">{{$t('parameterValue')}}</th>
  </tr>
  <tr v-for="(item, index) in templateParameter" :key="index">
    <th>{{ item }}</th>
    <th><input v-model="itemValues[index]" @input="change(index)"></th>
  </tr>
</table>

在上述代码中，我们添加了一个 `itemValues` 数组来存储每个输入框的值，并通过 `v-model` 指令将输入框的值与 `itemValues[index]` 绑定起来。同时，我们还为输入框的 `@input` 事件添加了一个参数 `index`，以便在值发生改变时调用 `change` 方法，并将相应的索引传递给它。

在您的 Vue 实例中，您需要定义 `templateParameter` 和 `itemValues` 数组，并实现 `change` 方法来处理输入框值的改变。例如：

data() {
  return {
    templateParameter: ["user_name", "service_name"],
    itemValues: []
  };
},
methods: {
  change(index) {
    // 处理输入框值改变的逻辑
    console.log("Input value changed:", this.itemValues[index]);
  }
}

这样，您就可以通过 `itemValues` 数组来获取每个输入框的值，并与 `templateParameter` 中的每个元素一一对应。