forms - 如何在编辑/查看表单上将数据设置为 v-autocomplete

Question

我正在尝试将一些数据从父级带到模态，其中有 2 个输入，一个是 v-autocomplete，但它没有显示所选数据。

正如您所看到的，有一个来自函数 getDepartamentos 的数据，它也来自一个对象类别：{id: 1, nome: "Arroz", id_departamento: 3 }来自父级，但在我的 v-autocomplete 上没有选择它。我的类别中的 id_departamento 是 3，而 departamentos 具有相关的 ID 和应该显示的名称。

此数据来自类别列表，我想显示它以进行编辑和显示。

这是代码：

<v-autocomplete
   v-model="dadosCategoria.id_departamento"
   :items="departamentos.flat()"
   item-text="nome"
   item-value="id"
   label="Departamento"
   name="id_departamento"
   :rules="id_departamento_Rules" />

<script>
....
data() {
  return {
    loader: false,
    dadosCategoria: {
      id: 0,
      nome: '',
      id_departamento: 0,
    },
    departamentos: {},
  };
}
.....
created() {
  this.$root.$on('open-modal-categoria', (categoria) => {
    this.visible = true;
    if (categoria) {
      this.dadosCategoria = categoria;
    }
  });
},
mounted() {
  this.getDepartamentos();
},

Answer 1

我刚刚发现这是一个字符串作为 departamento 的 id，所以我只是在变量 this.dadosCategoria.id_departamento 中创建了 parseInt()；