1

我有一个关于 Vue 生命周期钩子的问题。我有一些我想在挂钩中首先调用的方法,但是之前调用了另一种方法。

所需的方法是loadData()beforeMount. 此方法负责 API 请求。但是,它在方法之后调用getIndex

首先调用的方法是getIndex,我希望它最后调用:

我的文件.vue

<b-form>                
   <app-select
      labelName="Name"
      fieldType="Type"
      :val="getIndex('M','Q',null,null)">
   </app-select>
</b-form>

我试图从 打电话loadData()mounted()beforeMounted()每次都是第二个。有人知道答案吗?谢谢

4

1 回答 1

1

解决此问题的一种简单方法是使用v-if延迟渲染<app-select>直到数据准备好:

<app-select v-if="loadedData" ...

当钩子完成加载时,将填充Where loadedDatais或任何数据属性。this.loadedData<app-select>数据准备好之前不会开始渲染。这本质上类似于手表的概念,但在模板中。

于 2020-12-15T16:40:18.300 回答