- 博客(109)
- 问答 (4)
- 收藏
- 关注
原创 动态获取数据并按顺序组合
第一列选中: “壹”,“贰”第二列选中: “a”,“b”,组合后的数据为:“壹,a”,“壹,b”,“贰,a”,“贰,b”;
2024-04-28 16:45:03 238
原创 echarts特殊处理(滚动条、legend分页、tooltip滚动)
2、数据量过大时会造成legend很多,可能会折叠数据,页面样式也不好看,从而进行legend分页:option设置legend字段。3、数据量过大时,tooltip会很长,可能会占据整个页面,考虑给tooltip添加滚动条:option设置tooltip字段。1、当x轴数据过多不能完全展示时,需要添加滚动条:option设置dataZoom字段。
2024-04-28 15:34:26 1670 3
原创 el-select 选中的值与展示的不一样
背景: 查询列表,用户名和邮箱混合展示,选中后只展示邮箱前缀,并高亮,保存时传整个信息,回显时展示前缀;获取数据后添加 itemEmail, 为展示做准备,并且该数据是脱敏后数据。:value=“option.itemEmail” 表示展示的值。回显的数据是原值,需要做脱敏处理,原值展示列表不高亮。用 class 展示高亮。
2023-11-08 18:41:34 785
原创 组件自定义事件
data() {return {msg:'你好啊!',},methods: {console.log('App收到了学生名:',name,params)
2023-10-14 21:00:00 345
原创 刷新页面,时间展示错误
明显可以看到时间颜色发生了变化,由原来的蓝色变成了灰色,说明它的类型发生了转变。由此,我们可以直接使用。当我们刷新页面之前时间是正常展示的,在刷新页面之后,时间也在展示,只不过时间错误。函数不会进行解析,直接返回原始的数值,只有当该值是非数值类型时才会进行解析操作。刷新之后(系统原因暂时拿不到数据):用同一图代替,颜色是灰色。函数,如果该值已经是数值类型,
2023-10-12 20:15:00 203
原创 el-select 远程分页搜索(可搜关键字)
一脸懵,什么情况,数据也没有那么大,怎么会卡死呢?先看看这次改了什么,嗯~数据加解密,前端拿到所有数据并进行解密,额~数据加载时间好长~前端页面卡死了...
2023-09-11 18:03:15 698 2
原创 el-dropdown-item 怎么设置权限
当使用插槽来做操作的时候,通常会遇到根据权限去操作相应的按钮。,该getter检查当前用户是否具有访问当前项的权限,如果没有,下拉项将不会被呈现。里面定义的权限,需要调用。
2023-05-08 15:26:31 623 1
原创 js对象数组
最后,使用对象字面量语法创建一个包含name和age属性的新对象,并将其添加到map()返回的新数组中。请注意,由于原始对象的键和值都是字符串类型,因此需要使用parseInt()方法将它们转换为数字类型。使用Object.entries()和数组的map()方法来遍历原始对象,并将其转换为包含名称和年龄属性的对象数组。接下来,使用map()方法遍历数组中的每个键值对,并使用数组解构将name和age变量分别设置为当前键和值。
2023-04-14 12:05:30 94
原创 数组对象修改key(属性)值
修改对象属性可以使用数组中map方法,生成一个新数组。例如:let arr = [{name: '小明',label: beijing, age: 20},{name: '小兰',label: nanjing, age: 18},]如果要修改 name 属性为 Gname,则let newArr = arr.map(item => {return {Gname: item.name,...
2022-05-02 11:28:04 539
原创 element-ui select 滚动翻页(远程)
关键字搜索关键字搜索结果翻页无关键字翻页关于滚动条翻页,可以写一个公用方法1 、新增一个js文件:directive.jsimport Vue from 'vue'export default () => { Vue.directive('scroll', { bind(el, binding) { // 获取滚动页面DOM const SCROLL_DOM = el.querySelector('.el-select-dropdown .e
2022-04-15 19:44:17 1783 4
转载 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1
遇到一个比较奇葩的问题,新建项目安装了脚手架2.x版本之后,vue -V查看是否安装成功时,开始报错解决办法:1.管理员身份运行PowerShell2.执行:set-ExecutionPolicy RemoteSigned之后再去查看vue -V 就可以了参考链接...
2021-12-23 16:57:38 675
原创 正确理解并运用正则表达式
了解正则: 正则基础点: 标识符或修饰符(flags)修饰符 描述 g 全局匹配(global) i 忽略大小写(case-insensitive) m 多行匹配(multiline) 字符合集(Character Sets) 修饰符 描述 [xyz] 匹配 “x"或"y”"z" [^xyz] 补集,...
2021-11-23 17:28:26 648 1
原创 js 关于时间、比较、转换
新的需求多次用到时间的转换和比较,首先我想先说下时间的转换。关于时间的转换,可以直接在html里面用,这里我用了个moment 插件:首先应该下载并在main.js全局引用。运用moment 里的方法对日期进行格式化:moment().format('MMMM Do YYYY, h:mm:ss a') //// 十一月 18日 2021, 6:05:42 晚上定义一个时间过滤器,根据需要可以进行修改Vue.filter('dateFilter', (input, format...
2021-11-18 18:21:19 323
原创 vue 提取公共方法(数据是空、undefined、null 时,显示‘--’)
在项目中,我们会使用很多种方法,并且可以通用,那么我们就可以把它当作公用方法提出来,在需要使用的页面引入这个方法。例如:如果获取的数据是空,或者是undefined、null 时显示 ‘--’js文件:// utils.jsexport function fangfaming (value) { if (value) { if (value !== undefined && value !== null && value !== '
2021-11-01 16:58:18 2265
原创 数组中对象去重
let arrList = [ { id: 0, name: "小明" }, { id: 1, name: "小张" }, { id: 2, name: "小李" }, { id: 3, name: "小孙" }, { id: 4, name: "小z" }, { id: 2, name: "小x" }, { id: 3, name: "小a" }, ] let obj = {} let resultList = [] for (v.
2021-10-18 14:58:17 128
原创 Cannot read properties of null (reading ‘forEach‘)“
最近遇到了几次这个问题,索性就记录下。实在不知道这是什么错,可以百度翻译下,大致就明白了:获取的属性为 null ,所以就会报forEach(方法) 无法读取。这种就是获取的数据有问题 是 null 所以不能使用 forEach 方法。加个 if 条件就可以解决了...
2021-10-14 11:02:35 19676
原创 vue 重置数据(初始化)
在项目中我们会遇到初始化数据的问题,可以 this.xxx = ‘’,这种方式是常用的,但是如果是data里面的数据,这种方式就会使代码看起来有些冗余。那么,我们可以使用this.assign()方法或是Jsonthis.assign() // 此方法是将可枚举属性的值从一个或多个源对象复制到目标对象,它返回的是目标对象。它有两个参数,target:目标对象;source:源对象。 // 初始化所有data数据Object.assign(this.$data, this.$options.dat
2021-09-06 16:02:08 3620
原创 element级联选择器中模糊搜索时getCheckedNodes()获取不到当前节点
踩了个坑…使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空.开始以为是element的版本问题,但是经查验并不是当使用getCheckedNodes()方法获取不到节点时,我们可以使用反查的方法getNodeByValue(),去找当前节点this.$refs[`cascader${index}`][0].panel.getNodeByValue(value)使用此方法可以反查到节点信息,从而获取到需要的数据
2021-09-03 12:31:29 2867
空空如也
横向滚动条失效,求解
2021-12-06
element input框切换下拉框select 验证规则不消失(dom 不存在)
2021-06-10
一直报 clearValidate 错误是什么原因,试了 next tick也还是不行
2021-06-08
文本框不能以http://或者https://开头,怎么匹配
2021-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人