自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue-easytable拖动列改变列宽大小

效果展示:20220519_112019vue-easytable版本为最新版本2.16.3。资源下载链接:https://download.csdn.net/download/qq_45977832/85389578

2022-05-17 11:32:42 624

原创 vue3 ref,reactive,toRef,toRefs总结

最近自己也在学习vue3,在看文档与博客的过程中,发现有有些博主的vue3关于双向绑定实现响应式有部分误解,评论区更是有人直接开喷,所以啊,自己去一个一个实践才是最靠谱的,在此分享我的实践干货。直入主题:ref:<template> <div> <h3>{{ count.num }}</h3> <button @click="add">增加</button> </div></templa

2021-06-19 14:00:10 697

原创 nodejs与mongodb迁移宝塔Linux配置详情

nodejs与mongodb搭建的后台迁移宝塔Linux1.首先在宝塔软件商店搜索下载node启动插件PM2管理器2. 查看自己的mongodb端口可以自己修改 默认情况为27017对于BindIP地址,根据网上搜索 ,此处分外网内网有所差异,内外使用127.0.0.1(可自行修改)外网使用0.0.0.0外网模式下:外网配置文件里的端口也要改为0.0.0.0 且authorization改为下图值,(enabled前面空格不能少,该处为严格模式)3.将自己的nodejs项目压缩,可以将依赖

2021-05-27 09:50:15 661 3

原创 Vue 计算属性或过滤器中this.xxx拿不到数据

Vue 计算属性或过滤器中this.xxx拿不到数据1.在计算属性中使用箭头函数<template> <div>{{getId}}</div></template><script> export default { data() { return { id: 123, title: '标题', } }, getId:()=>{ //console.log(this.title);

2021-05-21 10:30:20 1899

原创 Vue中点点点(...)用法

Vue中点点点(…)用法官方文档说明:这个是扩展运算符。扩展语法。对数组和对象而言,就是将运算符后面的变量里东西每一项拆下来。这个东西可以在函数定义的地方使用,比如使用func(…args)将函数传入的参数都放到args数组里。除此之外:普通用法:1.连接数组 let a = [{ name1: "1" }, { name2: "2" }, { name3: "4" }, { name4: "5" }]; let b = [{ name7: "7" }, { name5: "5

2021-04-20 12:02:22 1910 2

原创 js遍历对象的方法记录

js遍历对象的方法记录 let a ={ 2018:'1', 2019:'2', 2020:'4', 2021:'5', } console.log(Object.keys(a)); //["2018", "2019", "2020", "2021"] console.log(Object.values(a)); //["1", "2", "4", "5"]

2021-04-20 11:21:53 60

原创 vue验证码制作

vue验证码制作效果展示 data() { return { Code: "", Verification: "", verificationCode: [], } } handelClickCode() { this.getCheckCode() //发送请求,返回随机码 .then((res) => { //对返回随机码res进行加工

2021-04-14 17:16:04 124

原创 vue项目打包上线优化与部署

vue项目打包上线优化与部署—踩坑网上有很多优化手段,部分报错部分有效,所用脚手架不同配置也不同,所以我在此对vuecli3做一个踩坑以后的部署总结用到的优化手段包括:1.按需加载 //打包体积减少比较多2.压缩文件 //打包体积减少很多很多3.去除console ////打包体积减少一点点3.使用预加载 //第一次加载速度大幅度加快 原来要十几秒使用以后只要不到三秒3.1:路由懒加载3.2:配置chainWebpack优化打包需要安装:npm ins

2021-04-14 16:36:15 384

原创 javascript数组中不常用到但很有用方法

javascript数组中不常用到但很有用方法:1.数组之和 let arr=[1,2,3,4,5] let result = arr.reduce((total, num) => { return total + num; },0); console.log(result) // 152.数组中最大值 let arr = [1, 3, 7, 4, 6]; let result = arr.reduce((total, num) => { retu

2021-04-14 15:56:26 57

vue-easytable@2.16.3版本 拖动列 动态改变列宽大小实现

效果展示链接:https://live.csdn.net/v/209587 vue-easytable表格老版本有表格列宽拖功能,但是最新版插件反而不存在该功能,但是大部分表格数据存在长短不一,导致表格很难看,为了解决这种问题,只能自己动手做了。该功能如何实现,我会在资源内详细说明,如果有什么不懂的可以私信我。 实现效果:左键拖动表头右边框出现垂直于表格内的虚线作为参照,按住鼠标左键可左右移动虚线也会跟着移动,拖动到合适位置松开左键,虚线消失,拖动的表格该列 变宽/变窄 到鼠标位置,最窄为50px,最宽为600px,限制可自行修改。若将ve-table封装以组件形式引用,可全局实现拖动表格列 改变列宽大小效果。如何封装我也会在资源内详细说明。

2022-05-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除