layui是基于原生js的,跟vue的编程思想不太搭,用这俩主要是因为只是一个作业的单页面应用而已……所以来了三个工具框架的大杂烩,用vue的话还是用基于vue组件化的ui框架比较好。vue在这个实现中……其实没有也行。

点击查看车流弹出弹出层,其中一部分为echart图表,一部分为layui的table组件。


在table中编辑完成后,echart图表便产生了相应的变化。
本来想做成拖拽折线图结点进行操作的,但是以Echart的api来看太麻烦了……就加了layui的table组件来操作了。
<!--车流量的折线图-->
<div id="chart" style="display: none;width: 1420px; height: 600px;">
<div id="chartMain" style="width: 1400px; height: 450px;"></div>
<table class="" id="demo" lay-filter="demo"></table>
</div>

这篇博客介绍了如何使用Vue、Layui和Echarts结合,创建一个弹出层中包含可编辑表格和实时更新的折线图。在表格编辑后,Echarts图表会相应地更新。作者指出,虽然layui与Vue的编程思想不完全匹配,但在小型项目中,这种组合可以满足需求。实现关键在于监听layui表格的编辑事件,以便在数据变化时刷新Echarts图表。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



