在开发后台系统时，使用图表进行数据可视化，这样会使数据更直观、清晰、美观。所以我在项目里选用Echart，对部分数据进行图表显示。一、使用Echarts的两种方法：1.npm命令安装npm install echarts --save2.CDN方法引入index.html中，<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts
转载
2024-09-24 14:38:17
87阅读
概念Ajax 是浏览器中的技术，用来实现客户端网页请求服务器的数据。它的英文全称是 Asynchronous Javascript And XML，简称 Ajax。使用 Ajax 请求数据的 5 种方式序号请求方式描述1POST向服务器新增数据2GET从服务器获取数据3DELETE删除服务器上的数据4PUT更新服务器上的数据（侧重于完整更新：例如更新用户的完整信息）5PATCH更新服务器上的数据（
转载
2024-10-07 10:07:10
49阅读
vant+vue（自定义单选、复选按钮图标以及扩大单选按钮范围）主要记录vant和vue使用过程中遇见的问题以及解决方案 文章目录vant+vue（自定义单选、复选按钮图标以及扩大单选按钮范围）前言一、单选按钮图标自定义？二、第一步1.html部分2.data引入自定义图标3.扩大单选按钮可点击范围总结 前言有些时候我们想自己定义单选按钮图标，以及扩大单选按钮的范围，例如在制作九宫格的时候，那么下
文章目录1 前言1.1 目的1.2 普通右键菜单1.3 本文右键菜单方式2 生成动态标签页2.1 准备变量容器2.2 构造标签页2.3 动态添加标签页2.4 动态移除标签页3 生成右键菜单3.1 扩展标签页3.2 增加 show 方法3.3 扩展 removeTab 方法3.4 解决重复出现菜单问题3.5 解决自定义标签样式问题 1 前言1.1 目的Tabs 动态标签页实现右键菜单【关闭当前标签
转载
2024-04-07 19:19:49
591阅读
先看问题还原图：问题描述：小编在做需求时，遇到了在el-table表格中加入多条数据，并且每条数据要通过el-select来选取相应的值，做到动态选择。解决方法： 思路：最开始，小编的实现效果是左边红色框的效果，选择其中一个时，其他的也对应赋值。主要是因为el-option的选项都是相同的，v-model 的值也是相同的。那让每一条 v-model 的值不同不就好了么！！&nb
转载
2024-03-30 18:26:18
291阅读
这篇文章主要介绍了element-ui 的el-button组件中添加自定义颜色和图标的实现方法，目前的解决方案是：添加一个自定义全局指令，同时在element-ui源码中，加入对应的组件。需要的朋友跟随小编一起看看吧我使用的element-ui的版本是V1.4.13。如上图所示，如果使用el-button,加颜色是可以通过设置type属性的值，加图标就设置icon属性的值。现在产品给了一个需求，
转载
2024-03-06 00:39:31
560阅读
elementUI-table之filters数据过滤用法前几天在做项目的过程中，用到了elementUI表格。当时的遇到的问题是需要通过从后台返回来的状态码，根据判断将它渲染成文字数据。由于我是刚接手代码，在代码中看到了filters这个属性，感觉可以用它实现。到最后才发现，其实filters是用来做筛选功能的，下面就和大家一起学习一下这个知识点吧。//截图来自elementUI-table官方
转载
2024-03-05 09:10:43
1119阅读
前端分页 后端分页
原创
2022-12-08 15:27:44
86阅读
使用背景使用Element-UI的表格功能，实现按住shift键点击连续勾选的功能。结果演示视频
shift批量勾选 实现内容按住shift后，可以实现任意两个勾选项直接内容的连续勾选松开shift后，连续勾选从新开始点击发货将勾选所有的数据进行发货勾选的行背景色高亮代码主要逻辑. 监听shift是否按下的状态. 在方法中判断 2.1 按住了shift 2.2.1 之前有多选起点 —>
转载
2024-10-14 18:43:09
71阅读
elementUI table表格一般的样式是这样的：但是要改变表头是比较麻烦的一个事情，但是往往有些项目是需要的比如改成如下样式： 一般直接改起来挺麻烦，好在官网提供了一个方法：render-header参数说明类型可选值默认值render-header列标题 Label 区域渲染使用的 FunctionFunction(h, { column, $index })—— 根据
转载
2024-03-05 22:38:40
971阅读
恳求sf的管理大大，不让驳回我的文章了，我是把文章的好多注释直接写到代码里边了，并不是文章太短
前言 有这么一个需求，
根据登录用户的权限，页面上会动态显示几个表单,是的，独立的几个表单(就是有这样的需求)。 这些动态的表单呢，样式都一样，都需要做校验，并且提交的时候， 只能提交有权限且验证通过的表单 线上demo: http://an888.net/sf/c
转载
2024-04-25 22:10:48
232阅读
JavaScriptaxisLabel: {
margin: 8,
formatter: function (params) {
var val = "";
if (params.length > 4) {
一、首先来讲font awesome 特点：相对比较简单，在项目中引入下载好的font-awesome.min.css文件及font文件，然后在需要使用的地方引用对应的类名即可，例如：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
转载
2024-06-04 12:21:50
173阅读
大家好，我是独立开发者Larry，今天推荐几个免费的图标集合，大部分图标都提供了AI、PSD、Sketch、SVG、PNG格式。网站上的图标可以根据自己的喜好随意使用Lino图标，也可以根据自己的喜好自定义其颜色或大小。Lino网站地址：https://www.baianat.com/resources/lino 打开网站在这里提供了多个领域超过1000个的彩色图标，有AI
转载
2024-05-01 08:04:59
418阅读
很多朋友给小编留言说，想学习制作excel表格，问我有没有好的视频教程，如果大家都想学习制作excel表格的兴趣的话，小编针对这个问题给大家分享下如何制作excel表格的教程，希望能帮助到你。在日常工作中和学习中经常要制作excel表格，特别是跟财务打交道的朋友经常要做无数的excel表格，那么如何利用excel制作简单的表格呢？跟着小编的步骤一起学习制作excel表格吧，看完就可以试着做一下，就
转载
2024-04-04 07:43:49
79阅读
<el-table-column label="序号" type="index" width="50" align="center"> <template scope="scope"> e.$index + 1}}</span> </template></el-table-.
转载
2022-05-27 00:06:21
1022阅读
vue如何封装一个elementUI的表格组件灵活使用插槽slot实现表格封装插槽能够实现对内容的分发，但是像elementUI中多个插槽并没有使用具名插槽是如何实现对多个默认插槽处理的，这里就来分享一下经验。slot插槽默认插槽首先多个默认插槽，this.$slots中是一个以defaul为key的数组。这样我们就能利用数组来处理多个默认插槽了。 这是我们默认elementUI实现的一个表格父组
转载
2024-04-04 21:45:37
240阅读
Vue warn：“Error: if there’s nested data, rowKey is required.” 最近，在使用Element-UI组件库时，使用表格组件出现一个头疼的问题，表格中需要用到扩展列，打包上线之前没有问题，打包之后dist文件运行后表格数据不显示，在Console面板出现如下错误： 表面的意思是如果有嵌套的数据，需要在el-table标签中新增row-ke
转载
2024-05-28 13:53:53
758阅读
在使用element表格合并后,发现鼠标只有移入第一个合并行时,合并的部分会高亮,移入其他行,不会高亮,这样效果看起来不是很好.查看了文档也没有直接的解决方法,就通过现有的方法处理了一下,解决了hover的问题因为实际使用时,表格数据都是后台返回的,所以这里就只写一下后台动态返回的数据设置hover样式 以两层合并数据为例因为表格合并的特性,合并后,只有这一个合并区域的第一行才有合并td
转载
2024-02-26 06:48:06
68阅读
可以点击“全屏查看所有代码”，可以看得更清楚。1、引入：jQuery文件和jquery-ui.js<script src="@{'/public/javascripts/jquery-1.11.1.min.js'}" charset="UTF-8"></script>
<script src="@{'/public/javascripts/jquery-ui.m
转载
2024-06-12 15:16:44
146阅读
