![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
N_ora
这个作者很懒,什么都没留下…
展开
-
2021-09-27
vue 使用html2canvas + jsPDF 生成pdf 踩坑记录问题记录安装部分问题打印部分问题问题记录安装部分问题1.使用npm安装jsPDF插件,安装后,报错。报错内容:export 'SVGPathData' (imported as 'SVGPathData') was not found in 'svg-pathdata' (possible ...解决方法:不采用npm安装的模式,通过cdn引入jsPDF2.使用cdn引用报错:报错内容:找不到 jsPDF对象解决原创 2021-09-28 17:46:13 · 956 阅读 · 2 评论 -
2021-06-18
一到三级菜单封装代码:菜单数据如下: { name:'平台', icon:'server', url:'/Platform' }, { name:'店铺管理', icon:'store', child:[ { name:'绩效', icon:'star', url:'/ShopPerform',原创 2021-06-18 15:54:21 · 100 阅读 · 0 评论 -
element-ui keep-alive踩坑
keep-alive 有个 exclude 和 include 属性;分别用于设置白名单(include)和黑名单(exclude);这里的两个属性对应的name 需要 的不是路由中设置的name{ path:'/home', name:'home', component:home}错误X而是 在组件中 定义的name// home组件export default { name:'home', data(){ return{ } }}正确...原创 2021-05-24 11:36:17 · 858 阅读 · 0 评论 -
el-table个人封装使用及表单验证结合使用
组件部分:<template> <div id="tableCol"> <el-table @row-click="clickRow" @cell-click="cellClick" :row-class-name="tableRowClassName" :cell-class-name="tabelCellClassName" :ref="tableAll.select ? 'multipleTable原创 2021-05-19 10:10:04 · 211 阅读 · 0 评论 -
el-menu和el-tabs联动+el-tabs重复请求踩坑
通过使用el-menu和el-tabs联动来实现效果如下:打了马赛克,大概说一下,左侧菜单栏,右侧标签页,点击标签页跳转不同的菜单相关代码:// 数据注释// 0.menuTitle 是菜单数据 因为有一级和二级菜单,形式为 obj:{level1:[{}],level2:[{}]}// 1.使用router 和 :default-active="$route.path" 自动识别路由,标记菜单项// 2. isCollapse 通过个人需求实现是否折叠// 3. 菜单项 绑定index为路原创 2021-05-13 09:33:05 · 2190 阅读 · 4 评论 -
关于download下载
1.a标签用于下载,download属性,如果定义值则下载文件名为该值。不写为下载文件名<a href="路径" download=""></a>2.a下载文件相对路径:如果是vue项目中,将下载文件保存在public文件夹下,相对于public的index文件写相对路径。(其他会报错,找不到文件路径)<a href ="./favicon.ico" download="">下载</a>...原创 2021-01-10 20:01:52 · 1410 阅读 · 0 评论 -
头像上传笔记
input的onchange事件accept 上传类型,此处为图片<input type='file' onchange = 'upload' id='uploadInput' accept="image/png, image/jpeg, image/gif, image/jpg"> // 1.获取input let file = document.getElementById('uploadInput'); // 2.new一个Fil原创 2020-11-18 21:12:14 · 113 阅读 · 0 评论 -
Vue响应原理理解
Vue响应原理理解Vue采用的数据劫持+发布订阅模式实现数据响应原理流程图:细节图代码操作过程的响应流程:当编译类编译时,需读取数据,此时调用数据劫持中的get方法,后生成了一个Watcher实例,实例执行getOldVal方法,将实例赋给Dep.target,进入get方法,将实例添加进入观察者,当数据跟新时,执行Watcher的回调函数,执行跟新函数。// 代码const CompileUtils={ 'text':function (node,expr,vm) {原创 2020-11-15 12:00:51 · 127 阅读 · 0 评论 -
原型理解
对于原型的理解:对象通过原型继承相关的属性及方法。实例对象可以通过__proto__访问构造函数的prototypefunction A(){};var a = new A();console.log(a.__proto__ === A.prototype);实例,构造函数,对象均由构造函数构建。1.实例的父亲是构造函数,对象的父亲是Object,构造函数的父亲是Function,2.构造函数,Function也属于对象,3.根据关系可以列出:fn.__proto__ === Fn.p原创 2020-09-08 10:57:58 · 326 阅读 · 0 评论 -
ife(7-9)
一.定位元素1.定位absolute:相对于定位(定位不为static)的父元素定位,如果父元素均无定位,则以body为父元素;fixed:相对浏览器定位;relative:相对元素本身定位;sticky:相对位置和固定定位的混合体:先是相对定位,等到滚动到一定的位置(top或者bottom)就会变成固定定位;2.定位特点:同级定位元素之间使用z-index设置级别;默认为0;3.简单的tab切换: <style> *{ margin: 0;原创 2020-07-24 18:51:10 · 129 阅读 · 0 评论 -
html+css查漏补缺
ife(5-6)用时:1天收获:BFC,浮动1.用css写三角形 div{ height: 0; width: 0; border-width: 20px; border-style: solid; border-color: red; border-bottom-color: transparent; border-left-color: transparent;}2.margin 塌陷解决方法1:使用padding代替解决方法2:触发BF原创 2020-07-24 11:11:52 · 120 阅读 · 0 评论