时间戳

首页 > 解决方案 > Vue：获取 v-select 的默认值

vue.js - Vue：获取 v-select 的默认值

问题描述

我有一个列表，cartItems我正在为每个列表生成一个下拉列表。每个cartItem都有一个名为的字段orig_quantity，我希望将下拉菜单的默认值设置为。我试过做:value="item.orig_quantity"，但似乎没有这样做。

computed: {
     quantityOptions: function() {
         return [1,2,3]
     }

}

<div v-for="(item, index) in cartItems" 
    <div>{item.product_name}</div>
   <v-select :options="quantityOptions"
             v-on:change="updateQuantity($event,item)">             
    </v-select>
</div>

标签： vue.jsvuejs2vue-componentv-select

解决方案

您应该能够向v-model选择添加一个属性。

<div v-for="(item, index) in cartItems" 
   <v-select v-model="item.orig_quantity" :options="quantityOptions"
             v-on:change="updateQuantity($event,item)">             
    </v-select>
</div>

推荐阅读