Javascript 如何在<；上的v-model上返回对象；md选择>；VueJS上的组件？

我正在使用Vue材质组件，我有一个选择来选择一个值。在这种情况下，当用户选择一个选项时，我得到了原语值（字符串、布尔值、数字），但我希望得到整个对象

    <div class="item-select-grupo-insumos">
      <md-field>
        <label for="codigo-grupo-insumos">Grupo</label>
        <md-select
          name="codigo-grupo-insumos"
          id="codigo-grupo-insumos"
          v-model="formNewInsumo.codigoGrupoInsumos" // Here I would like get the whole object, but it get the unic value.
          md-dense
        >
          <md-option
            v-for="(grupo,idx) in gruposDeInsumos"
            :key="idx"
            :value="grupo.codigo"
          >{{grupo.codigo}} | {{grupo.nome}}</md-option>
        </md-select>
      </md-field>
    </div>

...
data() {

return {
      gruposDeInsumos: [{
       codigo: "G00032",
​       nome: "asdasd",
​       tipo: "products"
}],
      formNewInsumo: {
        nome: "",
        codigoGrupoInsumos: "",
        unidade: "",
        wholeObject: {}
      },
}

---

您是否尝试过在“md选项”中将对象作为值传递？
这样，选项应该采用对象的值，而不是基元

<md-option
    v-for="(grupo,idx) in gruposDeInsumos"
    :key="idx"
    :value="grupo"
  >{{grupo.codigo}} | {{grupo.nome}}</md-option>

{{grupo.codigo}}{{grupo.nome}

您是否尝试过在“md选项”中将对象作为值传递？
这样，选项应该采用对象的值，而不是基元

<md-option
    v-for="(grupo,idx) in gruposDeInsumos"
    :key="idx"
    :value="grupo"
  >{{grupo.codigo}} | {{grupo.nome}}</md-option>

{{grupo.codigo}}{{grupo.nome}

我认为

v-model

必须是字符串、数字或布尔值。

v-model

可以是任何类型的值，您在

md select

上使用的

v-model

应该获得您在

值
prop on
md选项上指定的值。如果我这样做：
[Vue warn]：无效的prop:prop类型检查失败“价值“。应为字符串、数字、布尔值、got对象
。我可以
t-use object on
：value`我认为
v-model
必须是字符串、数字或布尔值。
v-model
可以是任何类型的值，在
md select
上使用的
v-model
应该获得您在
value
prop on
md选项上指定的值，如果我这样做：
[Vue warn]：无效属性：属性“值”的类型检查失败。应为字符串、数字、布尔值、get对象
。我不能在
上使用对象：值`