Vue.js 重新编码html<；选择>；及<；选项>；进入vuetify<；v-select>； 数量： 0 {{x}

这里，product.stock\u count是库存金额总数的整数值，product.quantity是要更新的所选数量。我想建立相同的选择 使用vuetify v-select控制

不直接在v-select中使用product对象，使用对象属性product.stock_count，该属性具有整数值（例如5），现在我希望v-select的值为1到5。当product.stock\u计数返回0时为0

 Quantity:
      <select>
        <option value="0">0</option>
        <option
          :value="x"
          v-for="x in product.stock_count"
          :key="x"
          :selected="x == product.quantity"
        >{{x}}</option>
      </select>

导出默认值{
数据：（）=>({
//项目：[从零到产品库存数量]，
}),
}

请帮帮我。

试试这个：

 <v-select :items="items"></v-select>
<script>
  export default {
    data: () => ({
      //items: [from zero to product.stock_count],
    }),
  }
</script>

...
选择：0

如果您有其他数据（基于您的

产品.库存计数/数量

）需要显示，您可以使用

项目文本，项目值

道具。

<v-select 
  :items="items"
  v-model="selection"
>
</v-select>
...
selection: 0

导出默认值{
数据：（）=>({
产品：[]，
所选：{id:1，库存数量：5，数量：5，名称：'Product 1'}
}),
方法：{
getproductAPI（）{
此项。产品=[
{
id:1，
库存数量：5，
数量：5，
名称：“产品1”
},
{
id:2，
库存数量：10，
数量：10，
名称：'Product 2'
},
]
},
},
安装的（）{
这个文件名为getproductAPI（）
}
}

---

如果使用对象

我想将v-select项映射到从0到product.stock\u count的所有整数，并且所选整数将更新为product.quantity。在

创建的

上设置一个数据属性（

项

），该属性类似于

this.items=[…数组（this.product.stock\u count）.keys（）

然后您将拥有一个更新数量的

@change=“updateQuantity”

。不直接在中使用对象，使用具有整数值（例如5）的对象属性product.stock\u count，现在我希望product.stock\u count返回0时的值为1到5。

<template>
    <v-select
    v-model="selected"
    :items="products"
    label="Standard"
    item-text="name"
    item-value="id"
    return-object
    ></v-select>
</template>
<script>
    export default {
        data: () => ({
            products: [],
            selected:{id:1,stock_count:5,quantity:5,name:'Product 1'}
        }),
        methods:{
            getproductAPI(){
                this.products= [
                {
                    id:1,
                    stock_count:5,
                    quantity:5,
                    name:'Product 1'
                },
                {
                    id:2,
                    stock_count:10,
                    quantity:10,
                    name:'Product 2'
                },

                ]
            },
        },
        mounted(){
            this.getproductAPI()
        }

    }
</script>