如何在element-ui的table组件的expand里面使用echart
1个回答
展开全部
首先,你的猜测是对的,我点开了官方的示例,然后发现刚点开时候,源码中并没有展开的部分,在点击展开之后,才在原列表下面生成了一个新的行,用以展示展开数据
这一点,是这个插件源码里为了节省渲染资源,优化之后造成的不便
虽然我没有很优雅的解决方案,不过这个方案应该是可行的:就是将id为myChart的元素放到其他地方(组件之外),隐藏起来,然后点击按钮的话,就可以直接绘制echarts图表了。再对表格展开事件进行绑定:@expand="...",在列展开时,将myChart元素填充到对应的列中去。
这一点,是这个插件源码里为了节省渲染资源,优化之后造成的不便
虽然我没有很优雅的解决方案,不过这个方案应该是可行的:就是将id为myChart的元素放到其他地方(组件之外),隐藏起来,然后点击按钮的话,就可以直接绘制echarts图表了。再对表格展开事件进行绑定:@expand="...",在列展开时,将myChart元素填充到对应的列中去。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询