我的 Vuetify Switch 没有改变他的值？

Posted 2023-02-23

【中文标题】我的 Vuetify Switch 没有改变他的值？

【英文标题】：My Vuetify Switch not change his value?

【发布时间】：2018-10-05 07:32:00

【问题描述】：

我有一个 vuetify 开关，它应该从 API True 或 False 接收值。

API 返回 True，但 Switch 始终显示 False。

<v-switch label="Habilitado">props.item.habilitado</v-switch>

该开关位于具有其他值的 vuetify 数据表中。其他值接收数据，但似乎开关没有。

我在 data() 中的项目返回：

   items:[
    habilitado: "",
],

在 Postman 中显示 True 值

我的axios获取方法：

    cargarTanques()
    axios
  .get("http://localhost:58209/api/Tanque/GetTanques", 
    headers: 
      Authorization: "Bearer " + localStorage.getItem("token")
    
  )
  .then(response => 
    console.log(response);
    this.items = response.data;
    //this.snackbar = true;
    //this.textSnackbar = "Se han cargado correctamente las estaciones";
  )
  .catch(error => 
    console.log(error.response);
    this.snackbar = true;
    this.textSnackbar =
      "Lo sentimos, no pudimos cargar la información de los tanques";
  );
,

谢谢

编辑

接收值的类有： 公共布尔 Habilitado get;设置;

【参考方案1】：

尝试使用 v-app 而不是普通的 div 来包装您的应用程序。为我修复。

【参考方案2】：

我遇到了同样的问题，这是因为我的应用不在 v-app 标签内。

Vuetify issue with v-menu

【参考方案3】：

您似乎将字段设置为带有“”的字符串，而不是可以设置为 null 的布尔值，然后当 API 更新时会更新为布尔值。开关使用布尔值。

https://vuetifyjs.com/en/components/selection-controls#switches-boolean

【参考方案4】：

<v-switch v-model="props.item.habilitado" label="Habilitado" />

我假设“道具”来自一个作用域插槽