- 博客(111)
- 收藏
- 关注
RSS订阅
原创 若依管理系统修改页面标题和logo
把src/layout/components/Sidebar/Logo.vue里的title改成自己网站的标题。1.修改.env.development里的页面标题,将其标题，改成自己网站标题。2.修改.env.production里面的页面标题，将其标题，改成自己网站标题。把src/views/register.vue里的标题，改成自己网站的标题。3.修改.env.staging里面的网页标题，将其标题，改成自己网站标题。把src/views/login.vue里的标题，改成自己网站的标题。
2023-04-18 17:42:18
7925
2
原创 使用vite搭建vue3项目（vite + vue3 + vue router + pinia + element plus）
1.更改http://localhost:3000/到8080与Network路由访问（server对象为新增，其余的都是源代码）或者一步到位通过附加的命令行选项直接指定项目名称和你想要使用的模板（根据自己npm版本来选择不同的命令行）（2）修改vite.config.ts配置文件代码，（resolve对象为新增，其余都是源代码）（1）在src目录下新建router文件夹，在router里创建index.ts文件。4.安装css 预处理器 sass。（1）在main.ts引入。（1）在main.ts引入。
2023-01-03 13:30:34
4867
原创 npm ERR! notsup Unsupported platform for n@9.0.1: wanted {“os“:“!win32“,“arch“:“any“} (current: {“os
node版本更新，需要安装一个 n 模块，但使用。原因：主要是因为n模块不适配windows系统。解决方法：后面加force强力安装。
2022-12-28 11:30:52
18861
2
原创 WebStorm pull(拉取)项目commit(提交)、push（推送）代码
9.继续找到右下角main，切换到自己的开发分支之上，选到自己分支之上，然后再点签出并变基到mian。7.一般项目，你提交推送代码，你也要拉取代码，右下角点击你的分支，找到main(主分支)，签出。以上步骤就是使用webstrom进行拉取提交推送代码步骤了，这个还是多多使用，然后就懂了。更新的就是，你刚刚提交的代码和你的同事们提交的代码。4.在你本地新建一个和你git分支一样名字的分支。就直接能推送到你的git对应的分支上。然后你的分支就是最新代码了。5.改完代码之后，提交代码。
2022-12-15 18:07:43
7560
原创 若依,报错 Error: Cannot find module ‘@/views/system/user/index
原因：webpack4 不支持变量方式的动态 import ，新版本的使用 require() 来解决此问题。出现报错：在自己本地正常不报错，打包到测试服上，开始报错，左侧菜单栏点不开，一直在加载中。解决方法：找到/src/store/modules/permission.js文件。
2022-09-19 16:23:51
5078
8
原创 前端常见安装的一些环境和配置
安装代码npminstall-gcnpm--registry=https//registry.npm.taobao.org。从这步开始，环境就搭建成功了，对于使用git拉取gitlab上的项目，可以看我第一篇文章，里面有具体步骤。代码拉下来，你就可以开发了。node-v查看node版本号，如果出现版本号，则表示安装成功。2.安装Node.js，在安装Node.js的同时也会安装npm。npm-v查看npm版本号，如果出现版本号，则表示安装成功。查看Node.js和npm是否安装成功。...
2022-07-20 16:03:09
5814
原创 Element UI 里的el-table表格排序
后台管理有时候会有排序的需求，如果只针对当前页进行排序，那么前端就可以实现排序，在对应需要排序的字段中，使用sortable字段即可，但是如果存在分页的情况，就只能排序展示页的内容，无法所有数据排序，这时候我们就要使用后端排序了。一、给el-table设置事件@sort-change="changeTableSort"可以根据打印出来的值，和后端让我们传给他的参数，进行处理，就能实现排序功能。二、给需要排序的表格设置属性sortable="custom"三、声明changeTableSort（）...
2022-07-19 10:15:06
10631
9
原创 Element UI input输入框实现模糊查询
Element UI的input输入框进行搜索的时候（根据输入内容提供对应的输入建议）有个坑，它只能用第一个字进行搜索，不能够实现模糊匹配，下面的方法就是填这个坑。原来搜“奖”，后台给返回数据，但是不会出现下拉框。例如： 只要搜“抽”才出现下拉框 解决后实现效果： 代码如下： 重点：如果使用Element UI里面的......
2022-06-30 19:25:07
8579
原创 Vue ElementUI表格内实现图片点击放大效果的方式
方法一：使用el-popover弹出框trigger属性用于设置何时触发Popover(弹出框)属性值有：hover、click、focus 和 manual效果图： 方法二：使用v-viewer插件1.安装依赖，在项目文件里进行安装安装命令：npm install v-viewer --save安装依赖界面： 或者效果图：方法三：使用vue-directive-image-previewer组件1.安装依赖，在项目文件里进行安装安装命令：npm install vue-directive
2022-06-16 19:06:24
8051
5
原创 vue elementui表格获取某行数据（slot-scope和selection-change方法使用）
2.但如果要实现的功能是在表头上了，例如图里的批量审核，那要怎么获取当前前勾选的这一行的数据呢？1.当写后台管理页面时，使用element ui里的table表格时，表格中有操作按钮，获取当前行的数据时，我们可以使用 slot-scope="scope"来获取。注意：this.multipleSelection.length 为选择了多少项。拿当前选中的行的数据，进行传值，实现批量审核功能。打印可得当前行数据，你就可以处理这些数据了。打印可得当前行数据，你就可以处理这些数据了。
2022-06-09 13:59:47
21167
2
原创 vue element ui里的日期时间选择器 中国标准时间转化为年月日时分秒
重点：value-format="yyyy-MM-dd HH:mm:ss"，写上这句代码就不用处理年月日时分秒了，返回的就是我们需要的格式。element ui上的日期时间选择器里面的时间为中国标准时间，选择时间，打印出来为下图。补充——————————————————————————————————element ui上面有个属性format显示输入框里面的格式。但一般后台需要的是年月日时分秒，需要我们进行处理。
2022-05-25 16:08:06
13793
8
原创 vue element 日期范围选择器限制只能选今天之前的时间，只能选今天之后的时间，只能选取今天往后三天内，只能选取选中时间的一个月内的时间，只能选择除今天及今天之前的、周六日、美国节假日之外的时间
限制只能选今天之前的时间，只能选今天之后的时间，只能选取今天往后三天内，只能选取选中时间的一个月内的时间，只能选择除今天及今天之前的、周六日、美国节假日之外的时间，只能选当前时间之前的前三天以及之后的时间。4.只能选取选中时间的一个月内的时间（eg:如果我初始时间选中是2023.4.14,那么我的终止时间只能在2023.3.14和2023.5.15区间里面选中）以上几种情况是我在实际项目中遇到的然后总结出来的，如有不准确、更好的解决方法或者其他情况的时间限制可以在评论区讨论，共同进步。
2022-05-23 15:36:05
15194
4
原创 使用git拉取gitlab上的项目
1、我们需要获取GitLab上项目的地址，每个项目地址不同，一般在GitLab的Projects中，能找到跟你相关的所有项目，点开一个项目，就能看到项目地址，如下图复制。1、进行关联，Git 通常会自动创建一个名为 master 的分支来跟踪 origin/master，如果需要关联不同的分支，使用命令。当你看到上面这段代码的收，那就说明，你的 SSH key 已经创建成功，你只需要添加到github的SSH key上就可以了。自己建一个空文件夹（存放项目），点击右键出现下面。3、若想将数据同步到本地，
2022-04-27 23:05:35
18051
原创 element的el-date-picker组件实现只显示年月日时分，不显示秒
需求：使用element的el-date-picker组件，只显示时分，不消失秒。重点：format="yyyy-MM-dd HH:mm"
2024-08-27 09:55:53
598
原创 Flex 布局 justify-content：right不生效
场景：让一个flex的子元素居右显示，按照习惯，直接用了justify-content:right属性，但是在测试阶段发现在浏览器端是正常的，在ios上也是正常的，但是在安卓手机上justify-content:right是失效的，样式靠左，经查找发现justify-content:right有些浏览器版本不兼容(嵌套在浙政钉的h5项目，将 justify-content:right改成justify-content:flex-end。是低版本UC浏览器、苹果版是低版本Safari浏览器)
2024-04-26 17:02:15
772
原创 element ui Checkbox 多选框组件 lable不支持Object类型的值的问题
浅浅记录一下，遇到这个问题的心理路程吧，首先我遇到的问题是多选框的值回显不打对勾，（例如：你新增的时候多选，然后点击编辑的时候选过的值没有被勾选，其实是被勾选上了，但是没有显示对勾，因为我点击已经选择过值就会取消勾选，说明这个值其实是回显了，但是不显示对勾），然后我就去查element ui，发现他的多选框的label只支持string / number / boolean，不支持object的形式，但是我的业务场景需要label的类型为object，于是尝试了各种方法之后，找到了一个最为合适的解决方案。
2023-12-28 15:17:25
1192
1
原创 error: unable to read askpass response from
英文：File -> Settings -> Version Control -> Git / Check "User credential Helper"中文：文件-->设置-->版本控制-->Git-->勾选使用凭证帮助程序。
2023-10-20 01:55:49
1795
原创 后端返回下载地址url，前端如何下载文件
需求：后端返回给前端的市下载地址URL，前端进行下载对应文件。其中this.form.POD是后端返回的下载地址URL。
2023-08-28 18:12:41
1398
原创 Element通过v-for循环渲染的form表单校验
3.prop的第一部分为data中该组遍历数据对应的数组名，此例中为form中的'trucksList'；第三部分为form中的'trucksList'中该输入框对应的属性名；需求：有个表单信息是v-for渲染的，例如下图，通过循环遍历实现新增和删除模块，按照平时的写法实现校验，是不能实现我们想要的效果，根据这个需求，我找到了一个解决方法。2.rules为data中rules对象对应属性，如'rules.providerType'；1.循环的数据中，每个el-form-item都写rules、prop。
2023-08-17 14:26:59
2238
原创 vue使用driver.js完成页面引导的功能
四.引导页面里面引入steps.js，其引导页面完整代码。二.在自己需要引导的页面上引入driver.js。需求：给客户做一个页面引导，教客户怎么做。以上代码就能实现其页面引导的功能。三.在外部建一个steps.js。一.安装driver.js。
2023-07-31 15:44:32
2206
3
原创 el-popover 的content内容换行
这样写content里面的内容直接不显示了，懵圈。，如果有知道的友友们，请指教。el-popover里面的content参数也可以通过slot传入DOM。需求：把el-popover的content内容进行换行。于是我看网上很多都是这样传入的。
2023-07-27 11:34:52
3276
4
原创 el-date-picker 日期时间进行限制，精确到时分秒
实现效果：用户只能选择当前时间的时间，如果选择是当天之前的时间，时分秒不做限制，如果选择的是当天时间，就要判断时分秒，只能选择当前时间时分秒之前的时间。需求：用户只能选择当时时间或当前时间之前的时间，且精确到时分秒。以上代码就能实现，对日期时间进行限制，且精确到时分秒。
2023-07-12 13:38:14
7656
1
原创 vue动态修改浏览器标题和logo
将项目制造一个入口可以修改项目的名称和logo，后端给了一个上传logo的接口，一个更改项目名称的接口，我上传logo，后端返回给我一个图片链接，我更改项目名称，后端返回一个项目名称，我将项目logo和项目名称存入vuex，并监听vuex里的项目名称和项目logo,一旦项目名称和项目logo发生改变，就可以将项目名称和项目logo实时改掉。关于，如何上传这个逻辑就不写了，直接写如何实时更改项目名称和项目logo，找到项目中的app.vue 文件，动态创建link标签，调用后端接口，获取返回的图片。
2023-07-04 16:40:45
3046
1
原创 vue-i18n 实现国际化，支持切换不同语言
4.如果后端有选择是哪个语言，我们将其传给了后端，后端讲其存入了用户表，用户登录之后，会在用户接口里，返回给我们，我们将其存 localStorage,这时候，就算用户再次退出到登录页面，我们就可以将用户默认语言做一个判断，判断存入localStorage的language是否有值，如果有值，则登录页面的语言取localStorage的language，如果没有，则还是取后端语言接口返回的第一个值,这样，就可以把用户已经选择过的语言，在登录页面也能进行判断用户习惯。需求：后台管理系统，可以实现语言切换。
2023-07-03 13:30:07
6421
3
原创 vue-i18n 安装依赖失败
npm view vue-i18n versions --json 查看所有的版本，选择安装合适的版本即可。我最后安装的是5.0.0版本的，无报错。报错原因是：版本不匹配。
2023-05-29 13:59:23
677
原创 el-table编辑表格单元格
注：oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0) 校验小数点后面限制两位,我的应用场景里面有这个需求，所以这句可加可不加。1.在el-table标签注册 @cell-click="editName" :key="randomKey"最近写了一个需求，点击单元格可以进行编辑，编辑完成之后，点击保存，将编辑之后的数据传给后端。以上就能实现编辑表格的功能,如果有什么疑问或者错误，欢迎询问和指正。
2023-05-23 15:10:16
2392
3
原创 element ui 树状表格选择父节点子节点全选，子节点不全选父节点半选
以上就可以实现树状表格选择父节点子节点全选，子节点不全选父节点半选，但是对于handleSelectionChange，里面处理数据还是很懵的，虽然解决了，但是感觉不是最优的方法，如果有好的解决方法，可以分享下，欢迎分享和指正。这个里面还是比较混乱的，打印出来三次，这个我是可以理解的，因为勾选了三个，但是打印的这个顺序，我不太懂，由于有个勾选之后，操作批量下载和批量取消，不勾选的时候，是禁止点击批量下载和批量取消的。于是我就对上面的代码进行了改进。
2023-05-19 17:53:16
10164
16
原创 Error in v-on handler: “TypeError: this.$refs.formatData.validate is not a function“
我把form的表单校验写到了一个tab切换里面了，这个时候在获取表单的方法会得到一个数组而不是对象，直接写成以下代码会报错。则写成this.$refs['formatData'][this.index].validate((valid)，注：如果console.log(this.$refs['formatData'])打印出来的是一个数组，如。如果console.log(this.$refs['formatData'])打印出来的是一个对象，如。因为我的tab有五个，所以打印出来有五个值。
2023-04-28 17:21:34
1361
原创 若依 多级目录
一.因为我是在系统管理页面里面加二级目录，所以，我在views/system下加一个log目录，即views/system/log/index.vue。经过查找发现是，如果是多级目录，需要在二级目录的跟文件下添加一个2.在将菜单改选成目录(其实先把菜单里面的组件路径填上即可，然后再切换成目录)1.首先，先将二级目录选成从菜单，将路由地址、组件路径填好，填成二级目录。在index.vue里面写入。二.修改菜单里面的配置。以上两部即可解决问题。
2023-04-26 14:24:06
1312
原创 element ui中下拉框设置了多选multiple之后 一进页面就触发表单校验
注： _self.form对象为上述第一种方法中的form对象。2.使用钩子函数，在创建页面时，重置对应属性的值。1.页面初始化时，设置当前属性初始值为空数组。
2023-04-11 13:41:51
1508
原创 vue el-date-picker 日期回显后无法改变
场景描述：点击修改，数据回显渲染，后端返回我的是startTime和endTime，我需要将其处理，放到一个数组里面，并将其赋值。这样写，就会出现问题，数据回显成功之后，无法改变，如下图。以上就能实现，如下图。
2023-04-10 16:30:43
1827
原创 Duplicate keys detected: ‘123456‘. This may cause an update error.
经过查找是我的:key="item.value"里面有重复的，也就是key值不唯一了。错误原因：v-for循环时设置的key值不是唯一的。这样就解决了key值不唯一的问题了。
2023-04-10 13:26:11
502
原创 数组转字符串、字符串转数组的方法
注：toLocaleString()方法指定分隔符会报错，也是用replace()方法指定替换。注：toString()方法不可以指定分隔符，但是我们可以通过replace()方法指定替换。发现没有任何作用，通过replace()方法指定替换。注：join()可以指定分隔符。二：字符串转数组方法。一.数组转字符串方法。
2023-03-31 14:06:50
1320
原创 vue sessionStorage的setItem和getItem使用
1.存储数据：sessionStorage.setItem('名字','要存储的值')2.获取数据：sessionStorage.getItem('名字')
2023-03-27 17:36:19
1308
原创 Vue 子组件调用父组件方法
1.this.$parent.event可以调用父组件的方法，无需绑定在子组件身上，有时候会失效，暂未发现触发点，不建议使用。3.props可以调用父组件绑定在子组件身上的事件，需要 ：前缀。在router-view身上使用失效。方法一：直接在子组件中通过this.$parent.event来调用父组件的方法。方法三：父组件把方法传入子组件中，在子组件里直接调用这个方法。向父组件触发一个事件，父组件监听这个事件。方法二：在子组件里用。
2023-03-17 17:32:18
2436
原创 tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1，
今天想去安装TypeScript，安装完之后，查看版本号执行tsc -v报错。2.执行命令set-ExecutionPolicy RemoteSigned。然后再执行 tsc -v就可以成功了。1.在屏幕左下角搜索power。
2023-03-07 13:03:18
382
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人