- 博客(39)
- 问答 (1)
- 收藏
- 关注
原创 vue2 element 实现表格点击详情,返回时保留查询参数
一开始准备用vuex做这个功能,后来放弃了,想到直接用路由去做可能也不错。有时间再整一套vuex版的。列表共5条数据,准备输入Author过滤条件进行查询。进入查看详情页,就随便搞了个按钮 啥都没调啦。
2024-03-03 23:22:49 1025
原创 vue2+elementui使用MessageBox 弹框$msgbox自定义VNode内容:实现radio
elementUI简单的radio对话框交互使用MessageBox
2023-11-10 16:24:59 3258
原创 vue element el-upload附件上传、在线预览、下载当前预览文件
【代码】vue element el-upload附件上传、在线预览、下载当前预览文件。
2023-08-02 17:34:13 4705
原创 npm ERR! code E404 npm ERR! 404 no such package available : xxx
③等本地更新完后,再npm install xxx-依赖 --save --registry=http://其他库的地址。npm install xxx-依赖@版本号,可以指定依赖版本,不加@版本号默认下载最新的。当前项目中引用了其他项目组的一个依赖包后,然后自己本地私服下面npm update一直404了。①package.json文件的dependencies中,先将那个依赖删除,CTRL+S。②确认是本地私服地址,然后直接npm update,将本地的依赖先更新好。...
2022-08-12 11:18:20 6274
原创 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory
2022-07-19 11:21:56 301
原创 js删除数组中包含某个属性的所有对象
比如下面,我想删除数组中所有name等于Apple的元素。var arr = [ { name: "Banana", age: 18 }, { name: "Orange", age: 18 }, { name: "Apple", age: 18 }, { name: "Apple", age: 18 }, { name: "Apple", age: 18 }, { name: "Mango", age: 18 }];function deleteSameName() {.
2022-04-09 14:43:03 947 3
原创 get和post的区别,分别什么时候使用
* GET提交 * 1、一般是从服务器上获取数据 * 2、提交的数据会出现在地址栏上 * 3、不安全 * 4、提交的数据量小,不会超过2KB * 5、服务器端是用url.parse(地址, true).query获取变量的值* post提交 * 1、一般是向服务器传送数据 * 2、提交的数据不会出现在地址栏上 * 3、较安全的 * 4、提交的数据不限,(没有限制):上传都用POST提交,就不能GET提交 * 5、服务器端用qu
2022-02-17 17:04:55 331
原创 html原生table三级 多层表头表格配置
■ 两级表头<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>两级表
2021-11-28 12:15:59 6407
原创 js es6常用方法
这是一位leader在一次代码评审会对小组成员发出的“怒吼”,原因是在代码评审中发现很多地方还是采用ES5的写法,也不是说用ES5写法不行,会有BUG,只是造成代码量增多,可读性变差而已。恰好,这位leader有代码洁癖,面对3~5年经验的成员,还写这种水平的代码,极为不满,不断对代码进行吐槽。不过对于他的吐槽,我感觉还是有很大收获的,故就把leader的吐槽记录下来,分享给工友们,觉得有收获点个赞,有错误的或者更好的写法,非常欢迎在评论中留言。ps:ES5之后的JS语法统称ES6!!!一、关于取值的
2021-11-07 21:02:47 163
原创 async await 异步函数
async:作为一个关键字放到函数之前,表示函数是异步的函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行,async 函数返回的是一个promise 对象async的用法,它作为一个关键字放到函数前面async function timeout() { return 'hello world';}只有一个作用, 它的调用会返回一个promise 对象。调用一下看看就知道了,怎么调用?async 函数也是函数,所以它的调用和普通函数的调用没有什么区别.
2021-10-09 11:38:22 4065 1
原创 el-table fixed多级表头固定列问题
<el-table-column prop="name" label="姓名" fixed width="150"></el-table-column><el-table-column label="配送信息"> <el-table-column prop="date" label="日期" width="120"> </el-table-column> <e...
2021-09-03 22:49:19 4866 1
原创 element-ui el-upload框去除‘按 delete 键可删除‘提示
如果公司封装了el-upload组件,可以在组件里直接更改样式/* el-upload附件列表框去除'按 delete 键可删除'提示 */.el-upload-list__item .el-icon-close-tip { display: none !important;}如果这个代码没有效果,那么按下面的步骤再试试...
2021-09-03 15:48:33 3201 4
原创 js截取字符串中一对中括号间的内容
一开始用substr,发现不是太好用,substr() 的参数指定的是子串的开始位置和长度,长度如果有不确定性,感觉取得不方便所以用了 正则 + replace()let regex = /\[(.+?)\]/g;let str = "每[一个星球]都有一个驱动核心";str = str.match(regex)[0].replace("[","").replace("]","");console.log(str); // 一个星球console.log(str.length); // 4.
2021-08-02 23:22:54 3417
原创 JS Array数组对象的方法总结(ES5 与 ES6)
JS Array对象的方法总结(ES5 与 ES6)ES5 数组方法1.Array.isArray() 方法用来判断一个值是否为数组。它可以弥补typeof运算符的不足2.valueOf() 方法返回数组本身3.toString() 方法返回数组的字符串形式4.push() 方法用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。5.pop() 方法用于删除数组的最后一个元素,并返回该元素。注意,该方法会改变原数组。6.join() 方法
2021-07-31 14:52:43 296
原创 js怎么判断一个数组中所有对象的某个属性全部相等
记录一下ES6中every的用法:let arrObj = [ {checked:false,name:'ccc'}, {checked:false,name:'ccc'}, {checked:false,name:'ccc'},]if(arrObj.every(target=>target.name === arrObj[0].name)){ console.log('全等') }else { console.log('有不等的')}...
2021-07-31 11:26:54 2245
原创 vue-router.esm.js?8c4f:1905 TypeError: Cannot read property ‘$route‘ of undefined
**场景:页面刷新出现空白,控制台报错:vue-router.esm.js?8c4f:1905 TypeError: Cannot read property ‘$route’of undefined**首先打开百度搜了一圈,很多说是语法错误,路由嵌套里面,子路由的component多了一个s。但我这里的问题都不是,一开始以为是token刷新后消失了没有保存,后来定位到了是导航守卫的问题。代码中用到了路由导航守卫:翻看官方文档:官方文档中对于beforeEnter的介绍,并没有看到我想
2021-05-14 16:15:48 1368
原创 npm WARN npm npm does not support Node.js v8.15.0
原因是 node 版本与npm版本不相匹配,两个东西需要使用想对应的版本号cmd下输入命令:node -v 查看node版本npm -v 查看npm版本再打开https://nodejs.org/zh-cn/download/releases/这个地址查看本地node版本对应哪个npm版本我自己的本地环境比较乱,所以重新卸载重装node.js安装vue脚手架:D:\Program Files\nodejs>npm i @vue/cli -g因为我之前本地有7.5.3的npm版本了,.
2021-02-24 23:34:12 3500
原创 解决‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件的方法
创建Vue项目 vue-cli脚手架的安装使用1.输入命令找到npm 的配置路径npm config list2.查看此路径下有没有vue.cmd3.如果有vue.cmd,将当前路径复制添加到path环境变量步骤:桌面右击“我的电脑”-属性-高级系统设置-环境变量两种添加方式:①直接新建-规范取一个变量名-将vue.cmd所在路径复制到变量值然后在path中添加此变量名,注意用%号包裹住②第二种就是直接复制vue.cmd所在的路径,然后不用点击新建,找到path点击编辑,在里面新建
2021-02-22 00:06:05 69990 39
转载 谈谈vue的生命周期
一、vue的生命周期是什么vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。在组件中具体的方法有:beforeCreatecreatedbeforeMountmounted( beforeUpdate updated)beforeDestroydestroyed对应的中文就如其字面意思,英文不好的童鞋可以有道翻翻好了,这里要上图啦~~~二、vue生命周期的
2020-12-27 11:26:57 164
原创 后端返回的json数据 用vue+element实现树形菜单
先上需要实现的效果图:左侧是一个树形菜单,右侧为一个表格。初次写树形菜单,用了很久很久……图1//html部分//注意:ngs组件是公司封装好的,可以在element等网站找找组件 <ngs-border-layout> <!-- 左侧树形菜单 --> <ngs-border-layout-panel region="west" :size="300" :min-size="200"> <div class="pm-roles
2020-12-10 22:33:35 3160 2
原创 数据库装载完毕。 ORA-01157: 无法标识/锁定数据文件 6 - 请参阅 DBWR 跟踪文件 ORA-01110: 数据文件 6: ‘D:\ORACLE\WENZHENG\TB63_CZB.DM
Microsoft Windows [版本 10.0.19041.630](c) 2020 Microsoft Corporation. 保留所有权利。C:\Users\ASUS>sqlplus sys/sys@localhost/orcl as sysdbaSQL*Plus: Release 11.2.0.1.0 Production on 星期一 12月 7 20:26:55 2020Copyright (c) 1982, 2010, Oracle. All rights reserve
2020-12-07 21:16:33 900
原创 真实项目中前端如何查看后端写的sql语句
Idea下载MyBatis Log Plugin插件,安装完重新运行idea。 刷新需要查看的前端页面后,打开idea,项目应该都会有日志记录点击下排的MyBatis Log:将结果拿到数据库执行看看
2020-12-02 21:31:29 2752
原创 element中定义的表单怎么使用以及Method “dialogFormVisible“ has already been defined as a data
主要想实现点击编辑按钮,出现表单填写的弹窗。如图template中:<!-- 表单 --> <el-button type="text" @click="dialogFormVisible = true"></el-button>//dialogFormVisible 是element封装的方法,true代表弹窗出现,false弹窗关闭 <el-dialog title="修改案例" :visible.sync="dialogFormVisib
2020-12-01 23:57:40 8954
原创 These dependencies were not found: * font-awesome/css/font-awesome.min.css in ./src/main.js
These dependencies were not found: * font-awesome/css/font-awesome.min.css in ./src/main.js我报了四个错,先解决第一个npm install font-awesome --save其实上面语句给出提示了,一个个对应起来install就行,我试了一起install但好像不行npm install --save ngs-element-vue我执行第二个命令后已经可以运行了...
2020-11-25 14:21:58 1842
原创 公司给了dmp文件,如何导入到本地Oracle数据库中
win+r:输入sqlplus "/as sysdba"1、首先,我们可以先建立自己的一个用户表空间,创建表空间的格式如下:create tablespace test(表空间的名字) datafile 'D:\oracle\product\10.2.0\userdata\test.dbf' (这边可以写成oracle的某个路径下)size 50m (初始大小)autoextend on;(自动扩展)2、接下来,我们可以创建一个自己的用户,创建格式如下:CREATE USER utes
2020-11-23 23:42:22 908
转载 vue常用的钩子函数
beforeCreate这个时候,this变量还不能使用,在data下的数据,和methods下的方法,watcher中的事件都不能获得到; beforeCreate() { console.log(this.page); // undefined console.log{this.showPage); // undefined }, data() { return { page: '第一页' } }, methods: { showPage() {
2020-11-22 22:18:54 312
原创 eclipse中Maven和SpringBoot工程没有约定目录,只有src和pom文件
这个是理想的结果↓一开始我的目录只有src跟一个pom.xml,右下角的progress进度条一直绿一半。如果SpringBoot没有出现想要的约定目录,那肯定是一开始Maven就没有配置好。所以我回到了Maven配置上面:Maven安装 下载地址:http://maven.apache.org解压apache-maven-3.6.1-bin.zip建议:安装目录不要包含中文或空格Maven目录结构bin:含有mvn运行的脚本boot:含有类加载器框架conf:含有settings
2020-11-17 15:41:09 775 2
原创 eclipse安装spring插件没有spring starter project 2020年
我终于好了!!!弄了一天半,只是想弄个SpringBoot而已,翻遍了百度也不行,太难了。2020年的,为了避免更多的小伙伴跟我一样,索性就记录下来吧。我用的4.11版本的eclipse,前面一直按照网上的方法下载spring tools,这个下载很慢,等到下载完了,spring能用,唯独没有spring starter project这个创建SpringBoot的项目,中间反复卸载重装了eclipse还是一样没有spring starter project。简单说明一下:Spring Tools
2020-11-17 11:31:41 2215 1
原创 Oracle笔记(包含与MySQL的对比)
Oracle数据库一、数据库数据库:DB关系型数据库:描述元素之间关系,组织数据到二维表二维表:行(记录)和列(字段)二、SQL语言所有关系型数据库使用相同或相似语言数据定义语言 DDL 结构create\alter\drop\truncate数据操纵语言 DML 数据insert\update\delete事务处理语言 TPL 结合DMLcommit\rollback数据查询语言 DQL 查询(重点)select数据控制语言 DCL 权限grant\revoke\crea
2020-11-16 21:09:59 169
原创 存储过程与存储函数
存储过程plsql中语法:create [or replace] procedure 过程名(参数名 in|out 类型)asbeginend//声明pro_add_sal存储过程,作用是给指定员工涨1000元工资,并打印出涨前和涨后工资create or replace procedure pro_add_sal(plempno in number)astotalSal number;begin select sal into totalSal from emp where empn
2020-11-16 11:36:27 183
原创 Oracle基础学习
Oracle基本查询1.查询出所有emp中的信息,并用中文进行字段重命名select empno as "员工号",ename "员工姓名",job "职位",salary "薪水",hiredate "入职日期" from emp;2.查询emp表中员工的job信息,并去除重复信息select distinct(job) from emp;3.查询emp表中员工的全年的工资总和(sal总和)select ename,12*sal from emp;4.查询emp表中员工的全年收入总和
2020-11-14 21:43:45 1950
空空如也
请问下饿了么el-form可以判断原生input输入框是否为空校验吗?
2021-08-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人