logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

el-table合计行单元格合并、合并行金额四舍五入保留两位小数、合计行样式修改

最近在写项目的时候用到了合计行,本篇文章提供了el-table使用合计行的方案。

#vue.js#前端#elementui
vue3项目封装form表单

我们都知道表单组件应该是后台管理系统中用得最多的组件,我们不可能每个业务都写一次表单,然后每一次修改都去各自业务中大幅修改,这样就可能导致代码重复率太高了,工作效率频频降低,所以我们需要封装起来,这样我们就可以复用,大大减少项目体积,方便项目的后期维护,提高前端娃的工作效率。由于我们使用表单都是直接使用UI组件库的组件,所以我们需要做二次封装,那么问题来了,二次封装表单组件我们需要考虑什么?话不多

#vue.js
vue项目中解决el-table数据过多导致页面卡顿问题

要用到umy-ui库,umy-ui库中的table表格组件,它不造轮子。它改造了element-ui等等库的表格组件。u-table增加三个属性(必须): use-virtual,row-height,height,表示启用虚拟列表。把el-table-column改成u-table-column。把el-table改成u-table。

#vue.js#前端#javascript
ElementUI el-table树形表格懒加载手动刷新 解决Element Table组件树形展示懒加载数据更新的问题

最近在使用Element的el-table表格组件时,发现一个问题,我的业务场景需要使用树形表格,并且使用懒加载的模式加载子级数据,但是使用Element自带的树形表格和懒加载功能,懒加载仅会在第一次展开时加载,后续会使用第一次缓存的数据,而不会重新加载,本篇文章提供了解决方案。首先,先看一下Element的el-table组件的相关代码:

#elementui#vue.js#javascript
vue3项目中使用tinymce富文本编辑器

最近在项目中使用一款非常实用,功能齐全的富文本编辑器----Tinymce Editor首先献出文档 – 英文文档 中文文档 编辑器效果如图首先安装其次根据项目的vue版本选择tinymce-vue版本,如果你使用的Vue3.0可直接使用Vue2.x的项目则需安装较低的版本,我在项目采用的版本是 "3.2.6"的版本,则安装我这里直接把富文本封装成全局组件了,因为我的项目里有很多地方都会用的到,所

#vue.js#前端
到底了