- 博客(105)
- 问答 (4)
- 收藏
- 关注
原创 el-select 选中的值与展示的不一样
背景: 查询列表,用户名和邮箱混合展示,选中后只展示邮箱前缀,并高亮,保存时传整个信息,回显时展示前缀;获取数据后添加 itemEmail, 为展示做准备,并且该数据是脱敏后数据。:value=“option.itemEmail” 表示展示的值。回显的数据是原值,需要做脱敏处理,原值展示列表不高亮。用 class 展示高亮。
2023-11-08 18:41:34 559
原创 组件自定义事件
data() {return {msg:'你好啊!',},methods: {console.log('App收到了学生名:',name,params)
2023-10-14 21:00:00 319
原创 刷新页面,时间展示错误
明显可以看到时间颜色发生了变化,由原来的蓝色变成了灰色,说明它的类型发生了转变。由此,我们可以直接使用。当我们刷新页面之前时间是正常展示的,在刷新页面之后,时间也在展示,只不过时间错误。函数不会进行解析,直接返回原始的数值,只有当该值是非数值类型时才会进行解析操作。刷新之后(系统原因暂时拿不到数据):用同一图代替,颜色是灰色。函数,如果该值已经是数值类型,
2023-10-12 20:15:00 159
原创 el-select 远程分页搜索(可搜关键字)
一脸懵,什么情况,数据也没有那么大,怎么会卡死呢?先看看这次改了什么,嗯~数据加解密,前端拿到所有数据并进行解密,额~数据加载时间好长~前端页面卡死了...
2023-09-11 18:03:15 471 2
原创 el-dropdown-item 怎么设置权限
当使用插槽来做操作的时候,通常会遇到根据权限去操作相应的按钮。,该getter检查当前用户是否具有访问当前项的权限,如果没有,下拉项将不会被呈现。里面定义的权限,需要调用。
2023-05-08 15:26:31 442 1
原创 js对象数组
最后,使用对象字面量语法创建一个包含name和age属性的新对象,并将其添加到map()返回的新数组中。请注意,由于原始对象的键和值都是字符串类型,因此需要使用parseInt()方法将它们转换为数字类型。使用Object.entries()和数组的map()方法来遍历原始对象,并将其转换为包含名称和年龄属性的对象数组。接下来,使用map()方法遍历数组中的每个键值对,并使用数组解构将name和age变量分别设置为当前键和值。
2023-04-14 12:05:30 51
原创 数组对象修改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 406
原创 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 1703 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 604
原创 正确理解并运用正则表达式
了解正则: 正则基础点: 标识符或修饰符(flags)修饰符 描述 g 全局匹配(global) i 忽略大小写(case-insensitive) m 多行匹配(multiline) 字符合集(Character Sets) 修饰符 描述 [xyz] 匹配 “x"或"y”"z" [^xyz] 补集,...
2021-11-23 17:28:26 585 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 289
原创 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 2106
原创 数组中对象去重
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 105
原创 Cannot read properties of null (reading ‘forEach‘)“
最近遇到了几次这个问题,索性就记录下。实在不知道这是什么错,可以百度翻译下,大致就明白了:获取的属性为 null ,所以就会报forEach(方法) 无法读取。这种就是获取的数据有问题 是 null 所以不能使用 forEach 方法。加个 if 条件就可以解决了...
2021-10-14 11:02:35 19266
原创 vue 重置数据(初始化)
在项目中我们会遇到初始化数据的问题,可以 this.xxx = ‘’,这种方式是常用的,但是如果是data里面的数据,这种方式就会使代码看起来有些冗余。那么,我们可以使用this.assign()方法或是Jsonthis.assign() // 此方法是将可枚举属性的值从一个或多个源对象复制到目标对象,它返回的是目标对象。它有两个参数,target:目标对象;source:源对象。 // 初始化所有data数据Object.assign(this.$data, this.$options.dat
2021-09-06 16:02:08 3478
原创 element级联选择器中模糊搜索时getCheckedNodes()获取不到当前节点
踩了个坑…使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空.开始以为是element的版本问题,但是经查验并不是当使用getCheckedNodes()方法获取不到节点时,我们可以使用反查的方法getNodeByValue(),去找当前节点this.$refs[`cascader${index}`][0].panel.getNodeByValue(value)使用此方法可以反查到节点信息,从而获取到需要的数据
2021-09-03 12:31:29 2631
原创 给 div 标签 ( List 数据 ) 设置禁用,不可点击
在项目中遇到了对于 List 数据的部分禁用问题首先我们在写 List 的时候会先定义或者是从后台获取数据,但是很少会用到只使用部分数据这里我们可以对标签定义一个类名(class),在style里面对类名进行定义.类名 { pointer-events: none // 禁用}对于数据较多的时候,我们可以直接使用标签来定义如:div:nth-child(2) { pointer-events: none // 禁用}这里 nth-child() 括号里面是第几个,但是也可能会作用到
2021-08-31 17:30:28 788
原创 ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序
‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序在新下载一个项目时,总是会踩坑 ‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 现在就做个记录以便后面会忘记全局安装 webpack 就可以了,最好是全局安装,如果你只是在一个项目中安装了,那么其他项目也同样会遇到这个问题,所以最好是全局安装;命令:npm install webpack -g当然首先是要先安装 node 和 npm ,这个可以去官网下载。...
2021-08-11 21:52:46 3494 2
原创 什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
文章目录前言一、那么宏任务和微任务是什么呢?二、宏任务、微任务有哪些?三、宏任务、微任务是怎么执行的?总结前言关于 Javascript 的执行顺序,众所周知是按照顺序自上而下执行。但是在我们面试过程中。总会遇到面试官问:这段代码是如何执行的,输出结果是怎样的,然后再讲下为什么。对于这种问题,难的不是输出什么,而是为什么,输出结果我们可以像做选择题一样输出,但是为什么才是问题的关键,但我们很少能够答道点上。一、那么宏任务和微任务是什么呢? 首先,我们要先了解下 Js 。js 是一种单线程语言,简
2021-07-02 13:34:24 35508 25
原创 js 同步任务和异步任务
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、了解 Javascript 是什么?二、Javascript 分类为同步任务和异步任务三、事件监听:为什么异步任务中要设置队列前言关于 Javascript 的执行顺序,众所周知是按照顺序自上而下执行。但是在我们面试过程中。总会遇到面试官问:这段代码是如何执行的,输出结果是怎样的,然后再讲下为什么。对于这种问题,难的不是输出什么,而是为什么,输出结果我们可以像做选择题一样输出,但是为什么才是问题的关键,但我们很少能够答
2021-07-01 14:53:35 1216
空空如也
横向滚动条失效,求解
2021-12-06
element input框切换下拉框select 验证规则不消失(dom 不存在)
2021-06-10
一直报 clearValidate 错误是什么原因,试了 next tick也还是不行
2021-06-08
文本框不能以http://或者https://开头,怎么匹配
2021-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人