与Vue公司2动态模型V-for循环通V-模型

Question

我使用的是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> 

现在高于一切工作正常，但现在我想将其值保存到data（），然后使用该数据发出发布请求。

我试图

export default { 
    name: 'formPost', 
    data() { 
    return { 
     selectedSubCat '', 
     show: false, 
    }; 
    }, 

    components: { 
    Headers, 
    Footers, 
    }, 
}; 

然后在窗体上添加一个V型= “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> 

我怎样才能解决这个问题呢？

我固定它:(

<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> 

我错过它:( - 我不得不从选择价值...

Answer 1

这是解决我的问题

！

<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>