element-ui tab切换时echarts不显示

原代码–不显示问题如下

<el-tabs v-model="activeName" value="" @tab-click="handleClick">
	<el-tab-pane label="用户" name="user">用户el-tab-pane>
	<el-tab-pane label="服务人员" name="servicer">服务人员el-tab-pane>
	<el-tab-pane label="订单" name="order">订单el-tab-pane>
el-tabs>

element-ui tab切换时echarts不显示_第1张图片

解决:

<el-tabs v-model="activeName" value="" @tab-click="handleClick">
	<el-tab-pane label="用户" name="user" lazy>用户el-tab-pane>
	<el-tab-pane label="服务人员" name="servicer" lazy>服务人员el-tab-pane>
	<el-tab-pane label="订单" name="order" lazy>订单el-tab-pane>
el-tabs>

element-ui tab切换时echarts不显示_第2张图片

是在遇到问题后查资料-看到了一篇博客解决了,在此附上原文链接
https://blog.csdn.net/SanJiK/article/details/79764429

注:参考文章已给了解决方案-是加上"lazy='true',但控制台会报错希望得到一个布尔类型。解决--直接加上lazy即可"

你可能感兴趣的:(Vue项目,echarts,element-ui,tab切换,echarts不显示)