vue接口逻辑判断完再加载页面

• 需求：一个自己写的折叠面板，默认展开一些，接口获取数据后拿到状态，要收起一些，那么刚进页面就会发现有收起折叠面板的动作，需要优化
• 解决：这里采用在最外层div加一个v-if,值为false，当判断逻辑执行完毕后再给v-if赋值为true，此时首次看到的页面即为想要的页面

<template>
  <div v-if="isShow">
    ...
  </div>
</template>

...
data() {
  return {
    isShow: false
  }
},
methods: {
  getApiData() {
    // 调接口
    api().then(() => {
      ...  // 逻辑操作完成后显示页面
      this.isShow = true
    })
  }
}