9.15-工作记录碎片

问题1:Element el-tabs 选项卡切换 Eacherts 不显示

1.参考官方文档

el-tab-pane 加上 :lazy="true"

加lazy是为了延迟加载、echarts便能显示出来

这里本人有个问题是加上之后没有解决、掘友有知道的可以在评论区告诉我一下哈哈

最后解决的便是我下面说的第二种解决方法

2.利用v-if删除dom重新渲染机制

<el-tabs v-model="activeName" @tab-click="handleClick" stretch>
   <el-tab-pane label="各县(区)入驻供应商情况" name='first' >
       <mapChart :mapOption="mapOption" :optionsParam="optionsParam">   </mapChart>
          </el-tab-pane>
          <el-tab-pane label="实际放贷金额走势" name='second' >
                <MyCharts id="shouli" :dataList="LoanAmount" color="#00DCF0" v-if="'second'==activeName" :type="typefont"></MyCharts>
          </el-tab-pane>
          <el-tab-pane label="金融机构放款笔数情况" name='third'>
            <MyCharts id="shenqing"  :dataList="LoanCount"  v-if="'third'==activeName" :type="typefont"></MyCharts>
          </el-tab-pane>

3.Vuex Modules 用法

新建的Module文件记得要导出、然后index.js 要记得引入并写入Module对象李、要不然map辅助函数拿不到

最后把分发请求的state数据 ...mapGetters(["mapGeoJson", 'mapScatter'])