摘要：
element组件特别多。里面有一个描述组件很好用,但最近需要封装一个组件，使用的是iview，所以就想着自己封装一个el-description。 实现思路： 使用父子组件嵌套实现，父组件为 el-description , 子组件为 el-description-item 。 el-descri 阅读全文
posted @ 2022-07-15 11:49
yuwenjing
阅读(6152)
评论(0)
推荐(1)
摘要：
在工作中，我们常常会遇到动态去设置对象的属性； 比如: let name = "zhangsan" let obj = {}; obj.name = name; 通常情况下，我们还会遇到动态设置对象的属性，当属性值undefined时，不添加此属性； 方式如下: if(name){ obj={... 阅读全文
posted @ 2022-07-06 16:08
yuwenjing
阅读(248)
评论(0)
推荐(0)
摘要：
示意图： 代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文
posted @ 2022-06-30 15:17
yuwenjing
阅读(714)
评论(0)
推荐(1)
摘要：
下面说下有两种方式计算sacle,结果相同，只是方式不大同： 第一种： 一、在App.vue的props注入宽高 1 props: { 2 width: { 3 type: String, 4 default: "1920" 5 }, 6 height: { 7 type: String, 8 de 阅读全文
posted @ 2022-06-21 16:03
yuwenjing
阅读(2182)
评论(0)
推荐(1)
摘要：
做项目时，我们经常会遇到表单项不单单是input,select框这些基础表单项，有时候会在表单里出现一些较为复杂的自定义组件，比如下图中的插槽类型组件： 插槽组件我实现了v-model的用法，代码如下： slotTypeSelector: 1 <template> 2 <div class="ite 阅读全文
posted @ 2022-05-27 17:55
yuwenjing
阅读(1473)
评论(0)
推荐(0)
摘要：
之前做导出表格功能时，都是后端进行实现，最近，领导要求前端实现导出，经过一番查找资料终于实现。 普通方式 下包 npm i -S file-saver xlsx 在util文件夹新建类 建立to_xlsx.js 1 import FileSaver from 'file-saver'; 2 impo 阅读全文
posted @ 2022-05-17 10:41
yuwenjing
阅读(2175)
评论(0)
推荐(0)
摘要：
最近做项目中，🈶️遇到过实现模版打印功能，网上也找到很多资料可以实现，有的方式可以实现分页，但是打印的A4纸上下不能留边距，后来找到一个通过剪裁的方式可以实现左右上下留边距，并且能实现分页； 方法如下：基本思路是对获得的canvas进行切割，按A4纸大小并留边距后的比例进行剪裁，切出一页一页的内容 阅读全文
posted @ 2022-01-14 15:15
yuwenjing
阅读(2864)
评论(0)
推荐(1)
摘要：
在使用element-ui的过程中，我相信你在使用到类似this.$message功能的时候，会觉得这个功能真的非常方便，不用import入组件，全局都可以调用。它就是通过Vue.extend + $mount实现。 扩展实例构造器 Vue.extend返回的是一个“扩展实例构造器”，也就是一个预设 阅读全文
posted @ 2021-08-19 15:41
yuwenjing
阅读(972)
评论(0)
推荐(2)
摘要：
函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 函数节流（throttle）：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。 1 /** 2 * @desc 函数防抖 3 * 阅读全文
posted @ 2021-06-30 10:33
yuwenjing
阅读(753)
评论(0)
推荐(1)
摘要：
近期做项目时需要做一个横向的树结构的图，如下所示： 本图的实现采用了leader-line-vue组件， 具体实现如下： 先npm install leader-line-vue --save,安装依赖 然后，子组件RightTree的封装，代码如下： 1 <template> 2 <div cla 阅读全文
posted @ 2021-06-23 10:42
yuwenjing
阅读(3091)
评论(0)
推荐(2)
浙公网安备 33010602011771号