Vue.js vuetify 2.0 v-data-table加载道具加载后未禁用

在我的应用程序中，我使用Vuetify 2.0s v-data-table来显示数据表。我试图在等待加载元素时实现一个加载线性进度条。我正在跟随，当我添加道具

加载

和

加载text=“bla”

时，它会显示加载文本和线性进度条，但在线性进度条中加载元素后不会消失

我试过设置

load=“elements”

，然后只显示加载文本，而不显示线性进度条。我还尝试了

：load=“elements”

，它禁用了整个加载功能

<v-data-table
  :items="elements"
  :headers="elementsHeaders"
  :search="elementsSearch"
  hide-default-footer
  loading
  loading-text="Laden... even geduld aub"
>

---

我希望在该代码中加载元素时，线性进度条和加载文本都会消失。

您应该使用带有

加载

属性的布尔变量（将其添加到组件

数据

）

data（）{
返回{
myloadingvariable:false
}
}

开始加载数据前将其设置为

true

，加载数据后将其设置为

false

---

您应该在加载

属性时使用布尔变量（将其添加到组件
数据
）

data（）{
返回{
myloadingvariable:false
}
}

开始加载数据前将其设置为
true
，加载数据后将其设置为
false


这是我的解决方案



data（）{
返回{
loadTable：true
}
}
方法：{
异步listar（）{
const res=等待axios.get（'/species'）；
this.items=res.data；
this.loadTable=false；
},
}
这是我的解决方案



data（）{
返回{
loadTable：true
}
}
方法：{
异步listar（）{
const res=等待axios.get（'/species'）；
this.items=res.data；
this.loadTable=false；
},
}
我知道这是一个老话题，但我刚才也在寻找同样的话题

简单地使用

:loading="!items.length"

我知道这是一个老话题，但我刚才也在寻找同样的话题

简单地使用

:loading="!items.length"

elements
是一个计算属性，因此我可以在此之前将加载变量设置为true，但随后它返回
this.elements
，因此不确定在何处将其设置回false。如何加载数据？这不是http请求吗？您可以共享计算属性的代码吗？
elements
是一个计算属性，因此我可以在这之前将加载变量设置为true，但随后它返回
this.elements
，因此不确定在何处将其设置回false。如何加载数据？这不是http请求吗？您可以共享computed属性的代码吗？可以，但是您必须确保您的http请求始终返回至少一个元素。可以，但是您必须确保您的http请求始终返回至少一个元素