- 博客(63)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 vue中table行根据某一属性显示不同颜色
1.dom中在el-table中添加属性 @cellStyle=“cellStyle”需求：当借阅图书到期未归还时，这一行数据显示成红色，以起到警示提醒作用。
2025-02-17 14:21:11
335
原创 vue中附件下载及打印功能
注：fileList是由后台返回的附件数组，数组中包含附件名称fileName,附件地址url，附件id等信息。4.安装打印doc/docx文件的依赖，安装 mammoth.js，这是一个可以解析 DOCX 文件的库。2.安装打印pdf文件的 pdfjs-dist 依赖。3.在代码中导入pdfjsLib及设置 Worker。7.打印printDocument方法。6.下载downloadFile方法。5.导入mammoth。
2025-02-12 13:35:27
203
原创 vue中el-table合并单元格
1.在el-table中添加 :span-method=“handdelSpanMethod”2.handdelSpanMethod方法。
2024-11-25 16:13:51
385
1
原创 vue中el-table单元格复制功能
猜测是使用document.addEventListener(‘copy’, save)会在整个dom树添加事件,会覆盖dom树原有的事件的发生,所以需要添加once参数使这个事件只生效一次。1.在el-table上绑定单击事件 @cell-click=“copyText” 或双击事件 @cell-dblclick=“copyText”1.在el-table上绑定单击事件 @cell-click=“copyText” 或双击事件 @cell-dblclick=“copyText”
2024-07-10 17:34:15
1473
原创 时间默认显示当前日期及系统时间
在这个示例中，我们将 xtdsSj 初始化为空字符串，然后在组件创建时调用 updateXtdsSj 方法来更新它。updateXtdsSj 方法获取当前日期及系统时间，并使用 formatDateTime 方法将其格式化为字符串，最后将格式化后的日期时间赋值给 xtdsSj。要将 xtdsSj 绑定到当前日期和系统时间，你可以在组件的 data 中初始化 xtdsSj 属性为当前日期及系统时间的字符串。然后，在组件创建时更新 xtdsSj，确保它始终显示当前日期和系统时间。
2024-04-22 16:14:07
619
原创 返回的数据小数部分不是0，就显示小数，小数部分是0，就显示整数
2.vue中需要处理的字段处引用此 truncateDecimal 方法。如果返回的数据小数部分不是0，就显示小数，小数部分是0，就显示整数。
2024-03-29 15:01:26
327
原创 监听form中数组中字段的值的变化
需求：一组form中可以循环增加的字段，上一组本次读数、上读数时间值变化，下一组上次读数、上次读数时间随着一起变化。方法：监听本次读数、本次读数时间值的变化，给上次读数、上次读数时间重新赋值，在data 后，method方法前进行监听form中数组redings的变化。
2024-03-29 14:53:19
425
原创 开始时间大于结束时间
1.dom中代码，监听所选日期值的变化，并把需要比较的时间字段作为参数传到监听方法中，1.dom中监听日期值的变化 @change=“checkTime()”二.当比较的是form表单中数组中循环的两个时间时，用以下方法。2.时间比较逻辑处理。
2024-03-28 16:40:40
538
原创 对form表单对象中数组中的字段进行校验的方法
当对form表单中，数组readings中的字段进行校验时，prop和rules绑定要写成动态的，如下代码。
2024-03-28 13:38:33
1403
原创 vue中循环数据，添加展开、收起操作
2.标题栏展开、收起显示判断，并填加点击事件 toggleVisibility。1.在data中定义变量 expandedIndex，默认展开第一条。4.点击事件 toggleVisibility 逻辑处理。3.要展开收起的div处加显示、隐藏判断。
2024-03-22 09:53:37
799
原创 vue中原生table列表添加多选及全选功能
1.在table中添加多选的checkbox，并在data中定义存放多选数据的数组 selectedItems: [], // 初始化为空数组。2.全选及多选操作逻辑处理。
2024-02-27 14:50:37
1025
原创 vue+element UI中给指定日期添加标记
2.在data中定义要标记的日期数组hasXtdsDate，及myPickerOptions处理逻辑，筛选出要标记的日期数组。1.日期控件中添加:picker-options属性，即:picker-options=“myPickerOptions”3.对要进行标记的日期进行数据筛选。4.自定义日期标记的样式。
2024-02-27 10:16:16
1388
原创 vue动态修改侧边菜单栏宽度
注：–base-sidebar-width 是scss中侧边菜单宽度变量。2.在data中定义宽度变量 sideWidth。1.添加可修改宽度的dom元素。
2024-02-01 16:18:08
963
原创 vue+element 换肤功能
1.首先建深色和浅色两个主题样式变量样式表，样式表名和按钮中传入的值一样，本例中起名为default.scss和dark.scss。2.在data中定义主题变量名 zTheme:‘defalut’，默认引用defalut.scss,在点击按钮时切换引用的样式表，达到换肤效果。3.页面加载时调用存储的theme主题。2.setTheme 方法逻辑处理。3.dom中写入主题切换按钮。
2024-01-31 10:28:44
441
原创 vue+element中table列表最后一行添加合计
1.在table中添加 show-summary属性，并设置值为 true,使用 summary-method 并传入一个方法，返回一个数组，这个数组中的各项就会显示在合计行的各列中，如下代码。注：如果最后只显示合计行，并不显示数据，一定要加callback，即可解决此问题。2.getSummaries方法逻辑。
2024-01-24 10:16:28
2015
原创 vue+element实现动态表格：根据后台返回的属性名和字段动态生成可变表格
这时候如果有一个动态表格，表格的表头信息从后台获取（或在js中配置），那日后修改胡萝卜表的属性（增加或删除表字段）时就不用修改前端页面代码，长远一点来看，日后这个厂生产别的蔬菜水果也需要信息展示时，这个表格就可以复用（把表格抽出来当一个模板，需要用的页面引用即可，这个代码我有时间会从项目中整理出来）。现有的萝卜信息：编号（id）、名称（name）、保质期（age）、特点（remark），但是日后会有扩展信息，可能会加上颜色、体积等信息。改变tableColumnList的值，从而动态改变表格的列。
2023-12-26 10:27:19
1866
原创 vue路由跳转及传参
2.跳转后的页面，接收参数方法：用 this.$route.query.参数名 进行接收。1.主页路由跳转，用 query 进行参数传递。
2023-12-08 17:29:23
382
原创 vue父子组件传值
2.在子组件需要传递数据的方法中使用this.$emit调用名为 childFun 的事件，并传递参数 item。注：childFun为子组件中要传递参数的事件名，parentFun 为父组件中接收收子组件中数据的方法。1.在父组件中调用子组件时，定义接收参数的方法 parentFun。2.在子组件中，可以通过props属性接收父组件传递的值。1.在父组件中调用子组件时，定义组件的ref属性。1.在父组件中调用子组件时，定义要传递的参数。
2023-12-08 14:13:49
461
原创 参数是Id,但要显示接口中的id对应的名称
当下拉数据是个接口，且后台表单和列表中给的参数是Id,但要显示接口中的id对应的名称。先在data中定义要显示的名称 productName。
2023-12-06 11:42:30
698
原创 echarts中鼠标划过tooltip提示不超出上下左右显示范围的设置
【代码】echarts中鼠标划过tooltip提示不超出上下左右显示范围的设置。
2023-08-28 17:15:28
937
原创 vue+elementUI添加数据全屏加载loading效果
2.在获取列表的getlist方法中传一个callback参数 ,并在接口获取成功后callback。1.在created中写入以下Loding方法。
2023-05-22 10:17:53
1014
原创 element el-tree树结构刷新后保留展开状态解决方法
我们在使用element的el-tree组建的时候，当我们给树结构重新赋值后，树节点就全部自动合上了。1.给el-tree添加选中高亮属性 highlight-current。2.给el-tree外套个div 定义一个类名class=“myTree”3.method函数。
2023-04-24 10:19:31
2334
原创 ES6 数组方法：forEach() 、 map() 、filter() 、some() 、every() 、include()的用法
ES6 数组方法：forEach() 、 map() 、filter() 、some() 、every() 、include()的用法
2023-04-18 14:23:39
919
原创 vue中怎么把从后端取到的数据为数字的状态转为汉字
1.以“派工状态”为例，如取到的数据为数字类型，表达式处写法;dispatchState为字典中“派工状态”的字段名。
2023-04-17 16:39:22
1063
原创 echarts容器高度根据数据数量自适应
在echarts中，需要设置固定高度，当柱状图数据过多时会出现数据相互挤压，给用户的体验十分糟糕，可以通过给容器设置自适应高度，然后通过getDom()的方法解决此问题。//解决高度不能自适应问题，counst.length为柱状图的条数，即数据长度。即这段代码 myChart.setOption(option);
2023-04-12 13:39:51
1282
原创 vue中模糊查询中显示搜索过的历史
4.定义输入框输入的方法 changeMeasurer 把搜索的关键字存到 上面定义的搜索数据对象measurerOptionsBySearch 中。2.在data中定义存储搜索历史的数据对象 measurerOptionsBySearch。1.在搜索框下添加显示列表ul。3.定义点击历史数据的方法。5.定义显示历史列表的样式。
2023-01-12 11:29:51
1017
1
原创 vue动态添加类名方法（实现tab切换效果或导航选中效果）
1.三目运算符，:class=" isActive==‘aaa’?判断isActive是否等于aaa，相等 -> class=“isActive”，不等 -> class=’’，点击的时候带上实际的参数。3.点击按钮或导航栏，把参数赋值给isActive，该按钮或导航栏添加样式。2.script中的data中isActive默认为“周”4.动态添加class=“isActive”
2023-01-12 09:23:55
1255
React+antd后台管理系统模板
2020-12-01
Ant design Vue框架OA系统.rar
2020-06-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人