Javascript V-for-loop-pass V-Model的Vue 2动态模型

我使用v-for循环从vuex存储中获取类别，并以下拉形式显示，如下所示：

<label for="sub-category">
  <select name="sub-category" required>
    <option value="">Choose sub category</option>
    <option v-for="(sub, index) in subcategory" :key="index" :value="sub.value">{{ sub.name }}</option>
  </select>
  <span class="form-error">
    <p>You have to choose a sub-category</p>
  </span>
</label>

然后在表单上添加一个v-model=“selectedSubCat”，但它不起作用

我还尝试：

<select name="sub-category" required>
    <option value="">Choose sub category</option>
    <option v-model="selectedSubCat[sub.value]" v-for="(sub, index) in subcategory" :key="index" :value="selectedSubCat">{{ sub.name }}</option>
  </select>

选择子类别
{{sub.name}}

我如何解决这个问题

我修复了它：（

选择子类别
{{sub.name}}

---

我错过了：（-我必须从选择中获取值…

这是我问题的解决方案

<select name="sub-category" required v-model="selectedSubCat">
    <option value="">Choose sub category</option>
    <option v-for="(sub, index) in subcategory" :key="index" :value="selectedSubCat">{{ sub.name }}</option>
  </select>

选择子类别
{{sub.name}}

如果你找到了自己问题的解决方案，那就把它作为答案，而不是对你的问题进行编辑。做了吗：）thnx！我会特别解释出问题所在，以及你是如何解决的，以利于未来的读者。

<select name="sub-category" required v-model="selectedSubCat">
    <option value="">Choose sub category</option>
    <option v-for="(sub, index) in subcategory" :key="index" :value="selectedSubCat">{{ sub.name }}</option>
  </select>

<select name="sub-category" required v-model="selectedSubCat">
    <option value="">Choose sub category</option>
    <option v-for="(sub, index) in subcategory" :key="index" :value="selectedSubCat">{{ sub.name }}</option>
  </select>