如何在Vue中将格式化的输入文本存储到带有索引的数组中

Question

这是这个问题的扩展Vue.js：当键入快速时，不应用使用计算属性的输入格式

我一直纠结于如何将文本输入中的格式化值列表转换为数组列表。我需要在矩阵中执行此操作，但将其简化为数组。

请帮忙，谢谢！

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div
v-for="(input, index) in valueInputs" <-- index
:key="index"
>
<input
v-model="value"     // <-- I want to track what index I'm in
@input="formatTime" // <-- so I can set it in an array later
maxLength="4"       // I tried formatTime[index] or value[index]
id="format-value" // but that doesn't work, how to pass index 
class="input" // into formatTime or value fields?
type="text"
/>
</div>
</div>

data () {
return {
valueInputs: [],    // a list of inputs
allFormatValues: [] // want to store all the formatted values here by the index
}
}

想要设置一个数组来存储所有格式化的值：

this.allFormatValues[index] = this.value;

我不知道如何将索引与格式化的字符串值相关联？

Answer 1

您检索的是valueInputs数组的值，而不是其索引。但是，您可以获得v-for中每个值的索引，如下所示：

v-for="(value, index) in valueInputs"