- 博客(47)
- 收藏
- 关注
原创 VUE + pdfh5 实现pdf 预览,主要用来uniappH5实现嵌套预览PDF
(会报错,需要其他依赖,不能直接用提示的语句直接npm下载,依旧会报错,npm报错:These dependencies were not found:* canvas in ./node_modules/pdfh5/js/pdf.js* dommatrix/dist/d )本人亲测用的方法二,方法一会控制台报错。
2025-01-10 18:13:02 791
原创 uniapp页面回退并更新前页数据,不使用onShow掉接口
goBack(){ let pages = getCurrentPages()//获取所有页面栈的实例列表 let nowPage = pages[ pages.length - 1 ] //当前页面的实例 let prevPage = pages[ pages.length - 2 ] //上一个页面的实例 prevPage.$vm.status = false //更改上一个页面的数据 uni.navigateBack({ delta:1 //返回上一页 })}//我们要修改的状态或者数据 }}
2024-07-09 18:16:40 932
原创 elementUI的table使用展开功能( type=“expand“ ),展开时合起上一次展开的内容,始终保持展开内容为一个,并且再次点击合起自身
直接上代码了没什么可讲的,主要是用到。
2024-06-20 11:08:42 785
原创 uniapp选取图片并转为base64给后端
主要的就是blobToBase64()这个方法大家好,在这里记录一篇困扰了我一天的问题:Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'. at eval (test.vue:121) ,因为我是用uni.app。
2024-06-14 17:22:47 540
原创 window.URL.createObjectURL
每次调用createObjectURL的时候,一个新的URL对象就被创建了.即使你已经为同一个文件创建过一个URL. 如果你不再需要这个对象,要释放它,需要使用URL.revokeObjectURL()方法. 当页面被关闭,浏览器会自动释放它,但是为了最佳性能和内存使用,当确保不再用得到它的时候,就应该释放它.比如一张图片,我创建了一个对象URL,然后通过这个对象URL,我页面里加载了这张图.既然已经被加载,并且不需要再次加载这张图,那我就把这个对象URL释放,然后这个URL就不再指向这张图了.
2024-05-17 12:05:42 5799
原创 DataV的轮播表后端返回的数据处理
这样的形式后端大概率不会返回,后端返回的数据一般是[{},{},{}]这样的数据,需要前端自己处理一下,直接写一个方法。这个方法就可以处理成DataV需要的数据。
2024-04-29 10:23:50 517
原创 Vue中使用watch监听Vuex中的数据变化
1.conputed从Vuex中获取需要监听的对象,赋值给Obj;2.watch监听Obj的变化;
2024-04-28 17:34:29 708 2
原创 vue使用vue-office组件,在线预览
个人使用安装了这个会报错,所以没事安装这个包也可以正常运行。vue的版本是2.6的 还需要安装。//excel文档预览组件。//docx文档预览组件。//pdf文档预览组件。
2024-02-27 14:47:36 927 1
原创 JavaScript给url网址进行encode编码的方法
JavaScript中的encodeURIComponent()方法可以将字符串编码成URL合法的格式,将字符串中的某些特殊字符转化为其对应的编码字符。其中,str是需要进行编码的字符串。在实际应用中,首先需要将字符串准备好,然后调用encodeURIComponent()方法对其进行编码。
2024-02-02 17:37:23 3287 1
原创 js数组里的对象去重
在这个示例中,我们首先使用map()方法将数组中的每个对象转换为字符串,然后使用Set()方法创建一个新的Set对象,该对象将自动删除重复项。最后,我们使用Array.from()方法将Set对象转换回数组,并使用map()方法将每个字符串转换回对象。可以使用ES6中的Set和Array.from()方法来实现JavaScript数组中对象的去重。请注意,这种方法假定对象中的属性顺序是相同的,否则它们将被视为不同的对象。
2023-06-14 15:27:30 138
原创 vue子组件调用父组件的方法
1.直接在子组件中通过“this.$parent.event”来调用父组件的方法。2.子组件用“$emit”向父组件触发一个事件,父组件监听这个事件即可。3.父组件把方法传入子组件中,在子组件里直接调用这个方法即可。
2023-02-27 16:54:39 127
原创 vue项目刷新当前页面
然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reoads来调用就行。这两种都可以刷新当前页面的,缺点就是相当于按ctrl+F5 强制刷新那种,整个页面重新加载,会出现一个瞬间的空白页面,体验不好。想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种。通过声明reloads方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了。
2023-01-06 17:19:49 222
原创 前端拼图验证
不知各位朋友现在在web端进行登录的时候有没有注意一个变化,以前登录的时候是直接账号密码通过就可以直接登录,再后来图形验证码,数字结果运算验证,到现在的拼图验证。这一系列的转变都是为了防止机器操作,但对于我们来说,有亿点麻烦,但也没办法呀。今天我们也一起来做一个制造亿点麻烦的人,实现一个拼图验证。实现原理这个实现原理并不复杂,我们只需要一张图作为我们的拼接素材,我们再单独弄一个盒子,然后移动它,到我们的指定位置,到达指定范围内即验证通过,反之验证未通过。
2023-01-06 16:39:02 252
原创 elementUI的el-backtop(返回顶部)不生效
这个是基础用法,自定义用法跟这个也差不多,就是中间加了些样式。看起来这个例子很简单对不对,按照最简单的原则拿过来就用,Ctrl+C到自己项目后就等着出现回到顶部按钮,结果实际结果却令我大失所望,直接报错了。,心想这下子应该是可以了吧。结果运行的时候错误是没有了,但是那个心心念念的回到顶部按钮怎么都出现不了,难道是我姿势不对?目前我采用的方法是简单粗暴的删除target不指定对象, 也是能显现按钮,并且回到顶部。既然给出了原因,那解决应该很简单,不是找不到这个样式吗,那我就在外层套个。的功能的时候遇到坑了。
2022-12-30 11:59:08 5500
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人