Javascript 如何将格式化的输入文本存储到Vue中具有索引的数组中?
这是这个问题的延伸 我被困在如何从文本输入到数组列表中获取格式化值列表的问题上。 我需要在矩阵中执行此操作,但将其简化为数组 请帮忙,谢谢Javascript 如何将格式化的输入文本存储到Vue中具有索引的数组中?,javascript,arrays,vue.js,vuejs2,format,Javascript,Arrays,Vue.js,Vuejs2,Format,这是这个问题的延伸 我被困在如何从文本输入到数组列表中获取格式化值列表的问题上。 我需要在矩阵中执行此操作,但将其简化为数组 请帮忙,谢谢 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <div v-for="(input, index) i
<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>
要设置存储所有格式化值的数组:
this.allFormatValues[index] = this.value;
我不确定如何将索引与格式化字符串值关联?您正在检索
valueInputs
数组的值,而不是其索引。但是,您可以在v-for
中获得每个值的索引,如下所示:
v-for="(value, index) in valueInputs"
啊,我简化了代码,但是是的,我已经在代码中
v-for=“(值,索引)in valueInputs”
。但问题是我无法将索引传递到输入标记v-model=“value”或@input=“formatTime”中。您可以将其作为参数传递给formatTime函数@input=“formatTime(index)”
或@input=“formatTime(value,index)”
如果在函数中同时需要这两个选项。不过,请确保相应地更改formatTime代码。谢谢,链接中的代码在我的情况下实际上不起作用。对不起,我想我不清楚。我必须使用手表才能从下面的链接开始工作,因此我不知道如何在此处添加索引用户将填写valueInputs
数组吗?是的,用户将能够添加更多的天数并将其存储在那里
v-for="(value, index) in valueInputs"