vue v-if和v-show的闪烁问题_v-if 会闪烁

1、使用v-if控制一个按钮的显示时，会出现加载时闪烁的问题造成用户体验不好。网上的解决方式使用
v-cloak

  <el-button v-if="isRoles" v-cloak class="filter-item" type="primary" icon="el-icon-circle-plus-outline" @click="addBroker">
                添加
              </el-button>
<style type="text/css">
  [v-cloak]{
    display: none !important;
  }
</style>

1
2
3
4
5
6
7
8
9

但是对于我没效果。
2、可以换一种思路，闪烁问题是按钮先有再消失。那么我使用v-if来控制设置他初始值
isRoles=false
只有正确时才返回true。那么就是最开始false就不会闪烁。而当为true时出现但一直在，这样用户体验还行就解决问题