如何将Vue关联数组转录为HTML表单输入值

Question

我有一个HTML表单，它曾经有基于Vue数组的输入值，比如：

// Vue Var
var postIDarr = [postID, postID, etc., etc.];
// HTML
<input v-for="(id, index) in postIDarr" type="hidden" name="postIDArr[]" :key="index" :value="id">

这在一段时间内运行良好，但现在我想使数组成为一个关联数组，对postID和userID进行编码，以便在后端进行处理。Vue中的数组具有如下结构；

var postIDarr = {
userID: postID,
};
// These are placeholders obviously

如何将这两个值编码到HTML表单中？

我不完全确定如何在不重复的情况下写出这个问题，如果你需要更多信息，请告诉我。

Answer 1

如果您有一个像这样的对象

var postIDarr = {
userID: postID,
}

你想通过显示键和值来使用v-for渲染它，所以你可以这样做：

v-for="(id,key, index) in postIDarr" 

id表示postID

key表示userID