Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将格式化的输入文本存储到Vue中具有索引的数组中?_Javascript_Arrays_Vue.js_Vuejs2_Format - Fatal编程技术网

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"