Javascript 显示所选的<；v-select>；在a<；v-text-field>；？

我有一个

，当我选择一个值时，我希望该值出现在

中。例如，当选择

select1

时，我在

中将该值可视化为“probando1”

我如何使用Vuetify做到这一点

<template>
  <v-layout align-start>
    <v-flex>
      <v-container>
        <v-row>
          <v-col cols="12" sm="3" md="3">
            <v-select v-model="selecionado" :items="items" label="selecciona"></v-select>
          </v-col>
          <v-col cols="12" sm="3" md="3">
            <v-text-field v-model="valorseleccionado" label="Valor Seleccionado text2"></v-text-field>
          </v-col>
        </v-row>
      </v-container>
    </v-flex>
  </v-layout>
</template>

<script>
export default {
  data() {
    return {
      selecionado: "",
      items: [
        { text: "select1", text2: "probando1", value: 1 },
        { text: "select2", text2: "probando2", value: 2 }
      ]
    };
  }
};
</script>

导出默认值{
数据（）{
返回{
Seleconado:“，
项目：[
{text:“select1”，text2:“probando1”，值：1}，
{text:“select2”，text2:“probando2”，值：2}
]
};
}
};

您可以使用：

工作演示

Vue.config.productionTip=false；
Vue.component（“我的组件”{
模板：“#我的组件”，
数据（）{
返回{
Seleconado:“，
项目：[{
文本：“选择1”，
文本2：“概率1”，
价值：1
},
{
文本：“选择2”，
文本2：“概率2”，
价值：2
}
]
};
},
计算：{
selectedItem（）{
返回this.items.find（item=>item.value==this.selecionado）；
},
valorseleccionado（）{
返回this.selectedItem？this.selectedItem.text2:“”；
}
}
});
var vm=新的Vue({
el:“#应用程序”，
vuetify：新的vuetify（）
});

.as控制台包装{display:none！important}

将它们设置为相同的v型。我甚至没有在代码中看到“valorseleccionado”。