vuetify 2.0 v-data-table 加载道具在加载后未禁用

Question

在我的应用程序中，我使用 Vuetify 2.0s v-data-table 来显示数据表。我正在尝试在等待我的元素加载时实现加载线性进度条。我正在关注文档，当我添加道具loading和时loading-text="bla"，它会显示加载文本和线性进度条，但是在线性进度条中的元素加载后并没有消失。

我试过设置loading="elements"，然后只显示加载文本而不是线性进度条。我也试过:loading="elements"禁用整个加载功能。

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

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

Answer 1

您应该将布尔变量与loading道具一起使用（将其添加到您的组件中data）。

data() {
   return {
      myloadingvariable: false
   }
}

将其设置为true开始加载数据之前和加载数据false时。

<v-data-table :loading="myloadingvariable" loading-text="Laden... even geduld aub">