美文网首页
【vue】element ui Tabs 标签页与echarts

【vue】element ui Tabs 标签页与echarts

作者: 西叶web | 来源:发表于2022-08-14 21:11 被阅读0次

    Tabs 标签页与含有echarts组件使用会报错,说找不到宽高

    解决办法:

    每个el-tab-pane里加上if判断
    不渲染组件,echarts就不会渲染,初始化自然就不会找不到宽高

    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="用户管理" name="first" v-if="activeName === ''first">使用了echarts的组件</el-tab-pane>
        <el-tab-pane label="配置管理" name="second"  v-if="activeName === ''second">使用了echarts的组件</el-tab-pane>
        <el-tab-pane label="角色管理" name="third"  v-if="activeName === ''third">使用了echarts的组件</el-tab-pane>
      </el-tabs>
    

    相关文章

      网友评论

          本文标题:【vue】element ui Tabs 标签页与echarts

          本文链接:https://www.haomeiwen.com/subject/suuqgltx.html