35、element ui tab切换加载echarts不显示或显示不全问题解决:


      <el-tabs v-model="activeName" @tab-click="handleClick"  type="border-card">
        <el-tab-pane label="报表" name="first">
             <myTable :columns="columns" :dataSource="dataSource" :hasIndex="false" 
              :hasSelection="false" :hasPagination="true" v-loading="loading"> </myTable>
        </el-tab-pane>
        <!-- 报表 end -->

        <el-tab-pane label="图表" name="second" :key='activeName'>
             <el-row>
                <el-col :span="8"><div> <ve-histogram :data="chartData" v-if="key='activeName'"></ve-histogram></div></el-col>
              </el-row>
        </el-tab-pane>
        <!-- 柱状图表 end -->

只要加上上面下划线部分代码即可,利用了v-if重新渲染的特性。

方法二:

见官网:https://v-charts.js.org/#/skill-demo(推荐)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM