Vue.js 在对象的对象上选择菜单

我有一个对象，它有一个带有颜色键的对象

我想在选择菜单中显示“版本”对象的所有索引

选择[0,1,2,3，…]

这是我的小提琴

---

这样添加vue时，不会返回数据

data: {
  car: [ ... ]

---

您需要使用

项目文本

和

项目值

道具来指定要使用表单

项目的属性名称

Vue.use（Vuetify）；
新Vue({
el:“应用程序”，
数据（）{
返回{
汽车：[{
姓名：'麦昆'，
版本：[
{颜色：'红色'}，
{颜色：'绿色'}，
{颜色：'蓝色'}
]
}, {
名称：“特斯拉”，
版本：[
{颜色：'橙色'}，
{颜色：'白色'}，
{颜色：'黑色'}
]
}],
}
}
})

{{car.name}

重构模板中的

v-select

，以：

然后在

car

数组中，需要在

red

的每个实例周围加引号，即

{color:'red'}

Vue.use（Vuetify）；
var vm=新的Vue({
el:“应用程序”，
方法：{
},
数据（）{
返回{
汽车：[
{
姓名：'麦昆'，
版本：[
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}，
{颜色：'红色'}
]
}
],
}
}
})

挑选

谢谢，但是如果我只想在select中显示index？例如，在versions数组中用红色表示0，绿色表示1，蓝色表示2替换红色表示0，绿色表示1，或者添加其他属性，如

{color:'red'，index:0}

然后使用

item text=“index

我不能在数据上添加任何内容，这是一个APiUse:

item text=”索引“item value=“color”

，假设car.versions~=

[{color:'red'}，{color:'green'}，{color:'blue'}]

Vue.use(Vuetify);

var vm = new Vue({
  el: "#app",
  methods: {

  // #1 method to add line
  // # method to console an object like { time:intensity, time:intensity, time:intensity,... } so for example { 10:50, 20:80, 50:40, ....}

  },
  data() {
    return {
        car: [
                    {
                        name: 'McQueen',
                        version: [
                        {color: red },                      
                        {color: red },
                        {color: red },
                        {color: red },
                        {color: red },
                        {color: red },
                        {color: red },
                        {color: red },
                        {color: red }
                       ]
                    }
                ],
    }
  },
  methods: {

  }
})

data: {
  car: [ ... ]