摘要: 有个图表需要根据当前选择的选项展示不同的数据,效果如果图: 左边的图表要根据右边的下拉选获取对应接口数据。 算了直接放代码吧: <template> <div class="transaction-chart-comp"> <div class="tc-title chart-box-title"> 阅读全文
posted @ 2022-06-24 17:23 俄罗斯方块 阅读(179) 评论(0) 推荐(0) 编辑
摘要: table等其他地方可能需要根据某个字段的值展示不同的状态,但是状态比较多的话却是需要很多的判断或者繁杂的三目判断,所以封装了一个用来展示的组件: 样式如图: 代码如下: <template> <div> <span> <span v-for="item in option" :key="item. 阅读全文
posted @ 2022-06-24 17:11 俄罗斯方块 阅读(232) 评论(0) 推荐(0) 编辑
摘要: element-ui的table组件有筛选功能,可以通过关键词筛选指定条件的当前页的数据: 但是,我的需求是要在点击筛选时还要调用接口获取所有数据,看了下table组件自带的filter-method属性,它的实现原理就是遍历所有的当前页的数据,通过回调函数的形式判断当前行的数据是否和筛选条件一致, 阅读全文
posted @ 2022-06-24 16:43 俄罗斯方块 阅读(1391) 评论(0) 推荐(0) 编辑
摘要: 有个类似穿梭框的弹窗需求,看了下element-ui的Transfer组件,和原型查了很多。所以自己写了一个,原型图如下: 估计也没人看,直接放源码防止以后遇到同样需求: <template> <div class="select-people"> <div class="left"> <div c 阅读全文
posted @ 2022-06-24 15:57 俄罗斯方块 阅读(884) 评论(1) 推荐(0) 编辑