让以下div刚打开时不显示，该怎么做？

让以下div刚打开时不显示，该怎么做？
<div class="el-tabs el-tabs--bottom el-tabs--border-card" id="contentPage">
div>
在项目中我使用的是element ui组件，现在是一加载就会显示默认页面，但是我想令其刚加载时候不显示，（通过F12我加style="display: none"发现就是这个div不显示了）；但是有一个问题就是永远也不会显示，当我其他地方调用tabs时display none也会起作用。请问我该如何解决这个问题？

你可以加一个类名，比如初始的时候加个hide，在需要显示的时候移除hide，然后定义这个hide display: none

<div v-if='flag'>

</div>

data() {
    return {
        flag: false
    }
}
啥时候想让他显示了就让this.flag = true就可以

代码不全，看不好

你这个div时干嘛的？类似于 loading？

v-if v-show 定时器获取dom 用js 控制 display: none

动态操作，单独给一个class类名，通过js控制类名的添加和删除，从而达到显示隐藏的目的

 加上  style="display: none"就好了，默认就隐藏了    
        

<el-tabs id="contentPage" v-model="activeName" type="border-card" @tab-click="handleClick" tab-position="bottom" ref="tabs"  style="display: none">

            <?php require(dirname(__FILE__)."/HttpInterface/TreeNodeLoad.php");ShowContents(1); ?>

          </el-tabs>