- 博客(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
原创 使用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
转载 关于 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关注的人