- 博客(105)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 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
19265
原创 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
35505
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关注的人