在vue2.x下需要展示pdf,详见:https://blog.terrynow.com/2022/09/06/vue2-show-pdf-paging-http-header-with-token-pinch-zooom/ 不过在依赖添加了 后,有一个报错: vue-resize-sensor Cannot read properties of undefined (reading 'catch') 使用指定版本的pdfjs-dist和vue-pdf即可解决,如下: npm i [email protected]

2022-09-10 0条评论 31点热度 0人点赞 admin 阅读全文

我们开发普通的下载链接,只主要写一个标签,不过有一些需求是要针对这个下载链接做权限校验,而权限校验需要在请求这个链接的时候,在Header里加上token之类的。 使用axios来调用get请求,并发送自定义的Header,然后把请求到的数据组成下载内容,示例代码如下: download() { axios.get('http://192.168.1.1:8081/api/export_pdf', { headers: { 'Content-Disposition': "attachment; filename=d…

2022-09-07 0条评论 63点热度 0人点赞 admin 阅读全文

需要在vue项目中的页面中显示PDF文件,经过一番查找,决定使用这个项目:https://github.com/FranckFreiburger/vue-pdf/ 另外还有手指缩放功能,使用的是:https://github.com/drozhzhin-n-e/vue-pinch-zoom package.json中引入: "dependencies": { "pdfjs-dist": "2.5.207", "vue-pdf": "4.2.0", "vue-pinch-zoom": "^0.2.5" } 最简单的使…

2022-09-06 0条评论 37点热度 0人点赞 admin 阅读全文

如下代码所示的菜单: <Menu mode="horizontal" :active-name="activeMenu" ref="menu"> <MenuItem name="menu1"> <Icon type="ios-paper" /> 内容管理 </MenuItem> <MenuItem name="menu2"> <Icon type="ios-people" /> 用户管理 </MenuItem> </Menu&…

2022-09-04 0条评论 45点热度 0人点赞 admin 阅读全文

iView下的Select选择器,使用了可搜索和远程搜索,示例如下: <Select v-model="model13" filterable :remote-method="remoteMethod1" :loading="loading1"> <Option v-for="(option, index) in options1" :value="option.value" :key="index">{{option.label}}</Option> </Select&g…

2022-07-31 0条评论 106点热度 0人点赞 admin 阅读全文

如题的需求:使用input 标签type=file来选择图片文件并显示在div/image标签中的实现。不过文件选择组件不能自定义我要的按钮,我使用了样式给input隐藏起来,然后自己再使用div画了一个按钮(选择照片) html代码如下: <div style="width:96px;height: 128px;border: #A2A2A2 1px solid;text-align: center;background: #FAFAFA;"> <img :src="portraitData" …

2022-07-19 0条评论 50点热度 0人点赞 admin 阅读全文

需要在网页浏览器中调用连接摄像头/音频,并显示在浏览器中 Javascript代码如下: this.getUserMediaToPhoto({ video: { width: 480, height: 320 }, audio: true }, function(stream) { var video = document.getElementById('video'); video.srcObject = stream; }, function(error) { console.log(error); }); /…

2022-07-13 0条评论 66点热度 0人点赞 admin 阅读全文

如图所示,VUE下需要实现通过鼠标拖动来实现左右的滚动效果(而不是拉动左右的滚动条) 可以使用github开源的滚动插件:https://github.com/donmbelembe/vue-dragscroll, 文档地址:https://vue-dragscroll.donfalcon.com/ package.json引入依赖(查看以下代码,其他依赖和配置我都省略了): { "dependencies": { "vue-dragscroll": "^3.0.1" } } vue代码引入: import { d…

2022-07-02 0条评论 207点热度 0人点赞 admin 阅读全文

fontawesome的图标库还是很全的,使用fontawesome可以免费的很容易的整合高清的图标。 { "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.3.3", "@fortawesome/vue-fontawesome": "^2.0.8", "@fortawesome/free-solid-svg-icons": "^6.1.1", "@fortawesome/free-regular-svg-icons": "^6.1.1", "@f…

2022-06-30 0条评论 79点热度 0人点赞 admin 阅读全文

页面内点后某个元素,需要跳转到某个锚点,如果传统的HTML了的做法: 即添加一个a标签,href以#开头,然后在需要跳转的地方添加一个element,id设置为a标签href属性相同的值,就可以了 <a href="#miao">去某个锚点</a> <h3 id="miao">需要跳转到的锚点</h3> 如果某些时候不方便设置a标签,用代码也可以实现,那就是: // 跳转到ID是某个值的锚点位置 document.getElementById('someId').sc…

2022-06-21 0条评论 84点热度 0人点赞 admin 阅读全文