我正在使用 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-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>
如何解决这个问题?
我修好了:(
<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 中获取值...
最佳答案
这就是我的问题的解决方案!
<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>
关于javascript - Vue 2 动态模型,带有 V-for 循环传递 v-model,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43781133/