请教Element Plus Tabs 标签页 不显示底部蓝条的问题

Question

如下图：页面加载完成 tabs的标签页下方没有小蓝色

如果随便切换标签页之后，就出现了，如下图：

请教下这个是什么原因造成的？ 代码如下：

<el-popover placement="bottom" :width="300" trigger="click" show-arrow="false" offset="12">
    <template #reference>
        <span class="el-dropdown-link icon">
        <el-badge is-dot type="danger" style="display: inline-flex;">
            <i class="el-icon-bell"></i>
        </el-badge>
        </span>
    </template>
    <el-tabs class="new-tab" v-model="activeName" stretch="true">
        <el-tab-pane label="通知" name="first" :lazy="true">系统通知</el-tab-pane>
        <el-tab-pane label="消息" name="second">系统消息</el-tab-pane>
        <el-tab-pane label="待办" name="third">我的代办</el-tab-pane>
    </el-tabs>
</el-popover>

<script>
    export default {
        methods: {},
        data() {
            return {
                activeName: 'first',
        };
    },
}
</script>

请问有没有遇到这个问题的朋友们？

Answer 1

1.是否和那个lazy属性有关？
2.是否受其他样式影响？