自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

转载 使用$attrs,$listeners进行爷孙组件通信

此时爷组件通过:(v-bind)向父组件中传递了四个数据,此时在父组件中的$attrs会存放爷组件传递过去的,且未进行props声明的数据。此时在父组件中再通过v-bind="$attrs",将爷组件传来的数据再传送给孙组件,即可实现爷孙组件的通信,在孙组件中正常接收。通过父组件也可将孙组件的数据传递到爷组件中。$listeners将孙组件的emit方法通知到爷组件中。$attrs是一个容器对象,用来存放该组件的父组件传来的,且未使用props进行声明获取的数据。1.在父组件中给孙组件的调用加上。

2024-03-07 21:18:02 94

原创 两/三栏布局

父设置相对定位,左设置绝对定位,宽度x。右设置绝对定位,宽度y,且top、right为0。中间设置左外边距为x,右外边距为y。父设置display:flex,左右设置固定宽度x,y,中间设置flex:1。父设置display:flex,左设置固定宽x,右设置flex:1。2.左设置左浮动,固定宽x,右设置overflow:hiden。1.左设置左浮动,固定宽x,右设置左边距为x,宽度为auto。

2024-03-06 16:19:50 349

原创 CSS圣杯布局

左边子元素设置相对定位,left为-x,width为x,左浮动,左外边距为-100%右边子元素设置相对定位,left为y,width为y,右浮动,左外边距为-100%中间子元素设置左浮动,宽度为100%父元素设置左内边距x,右内边距y。

2024-03-06 16:08:55 342

原创 vue3仿聊天框

模仿聊天框,当输入框有内容时,回车发送,shift+enter换行,当上一条问题的回答还未返回时,回车也为换行。

2024-03-05 20:41:31 743

原创 纯css实现表格

【代码】纯css实现表格。

2024-03-05 19:30:22 602

原创 Vue-qr生成二维码

可添加二维码icon。

2024-03-05 19:12:06 349

原创 使用html2Cancas和jspdf将前端页面进行截图导出PDF,内容被截断的问题

通过对比pdf中每页的内容以及页面中空白元素插入的位置,发现pdf分页的位置并不是空白元素插入的位置,而是比空白元素的插入的位置再要往下一点,此时可减小在创建JsPDF时所设置的A4大小的高度,或加大初始时的pageHeight,减小两者之间的差距,从而使得pdf的截断位置和插入空白元素的位置相同。这也是在代码中a4的值(270)与注释中的值(277)不一样的原因。在进行截图时可能会出现被内容被截断的情况,通过上方的插入空白元素的方法还是会存在文字截断的问题。demo为要导出的部分。

2024-03-05 16:54:50 1052

原创 Vue3 节点之间连线

目前每个节点的连线的偏移量是根据其在list中的索引有关,因此越靠后的节点其偏移量也越大,感觉不美观,想要修改成根据其是当前第几个连接的元素来控制偏移量,但是试了很多次都无法实现,好像偏移量在第一次初始化后就无法更改了,再次进行初始化是无效的,偏移量仍然是第一次初始化时设置的值,待解决。创建一个全局数组用来存放连接信息,在连接connection和connectionDetached时,对其进行push和splice操作。在initLeaf中初始化每个节点的信息。利用jsPlumb进行节点的连线操作。

2024-03-05 16:40:20 987

原创 Vue3 文件上传增加对文件的描述字段 el-upload

实现效果:因为文件上传使用的是element 的upload组件,现在甲方要求对每个文件要有对应的描述,一个方法是修改element组件的源码,比较繁琐,因此自定义一个fileList的数组,用于已上传文件的列表展示,将el-upload组件的文件列表进行隐藏,以此达到为文件添加描述的效果。首先使用ul,li进行fileList的for循环,进行文件展示,可在此处自定义想要的展示效果。之后为el-upload组件设置:show-file-list="false",隐藏其文件列表。

2024-03-05 16:30:10 572

转载 Vue3 图片绘制矩形,并在矩形上进行标注

转载: https://blog.csdn.net/qq_37656005/article/details/123687788https://blog.csdn.net/m0_46627730/article/details/106583908

2024-03-05 16:14:17 827 2

原创 JeecgBoot Vue3版本 实现某页面免登录进入

在src-router-guard-permissionGuard.ts中引入路径,并添加到whitePathList白名单路径列表中。在src-permission.js中将第一步添加的路由path添加到whiteList中,即可。在src-config-router.config.js文件,在最后添加对应路由文件。1.在router-routes-index.ts中添加对应路由。在src-enums-pageEnum.ts文件中添加路径。2.将对应路由添加到系统路由白名单中。

2023-10-27 15:11:21 891 1

转载 git--取消文件跟踪(Tracked改为Untracked) (转载)

git rm --cached **/.idea/ -r //删除所有.idea目录下文件的跟踪,但不删除文件。git rm -f **/.idea/ -r //删除所有.idea目录下文件的跟踪,并且删除文件。git rm -r --f .    //删除所有文件的跟踪,并且删除文件。git rm -r --cached .   //删除所有文件的跟踪,但不删除文件。法1:将文件先备份到其他位置,然后用git删除文件,再将备份的文件拷贝过来。

2022-10-11 20:19:38 80

原创 关于el-table表格中某单元格内容过多,自定义几行后隐藏并鼠标悬浮提示

多行隐藏 悬浮提示

2022-08-24 18:06:58 903 1

原创 关于el-table-column 切换页面时 v-if列跑动

表格列跑动

2022-07-31 12:06:24 189

转载 关于 vue ui中编译新建项目报错 his dependency was not found:‘element-ui/lib/theme-chalk/index.css‘

vue ui中编译新建项目报错

2022-07-20 09:06:34 450

空空如也

空空如也

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

TA关注的人

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