更新记录
1.0.2(2025-10-24)
1.0.1(2025-10-16)
修复安卓端回传参数异常的问题
1.0.0(2025-10-16)
初始版本
查看更多
平台兼容性
uni-app(4.66)
| Vue2 |
Vue2插件版本 |
Vue3 |
Vue2插件版本 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
1.0.0 |
√ |
1.0.0 |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(4.66)
| Chrome |
Safari |
Android |
Android插件版本 |
iOS |
iOS插件版本 |
鸿蒙 |
微信小程序 |
| - |
- |
5.0 |
1.0.0 |
12 |
1.0.0 |
- |
- |
xwq-pdf-view
pdf预览说明文档
组件在页面使用方法
<template>
<view>
<xwq-pdf-view ref="pdfView" :url="pdfUrl" @pageChange="pageChange" @onInit="init" :style="{height:`${sysInfo.windowHeight}px`,width:'100%''}"></xwq-pdf-view>
</view>
</template>
<script setup>
const sysInfo=uni.getSystemInfoSync()
const pdfUrl="https://example.com/files/web/plugin/diyizhang.pdf";
const pdfView=ref<XwqPdfViewElement|null>(null);
// #ifdef APP-IOS
const pageChange=(e:UniEvent)=>{
console.log('回传参数===',e.pageCount)
console.log('回传参数===',e.page)
}
// #endif
// #ifdef APP-ANDROID
const pageChange=(e:Map<string,any>)=>{
console.log('回传参数=====',e.get('pageCount'))
console.log('回传参数=====',e.get('page'))
}
// #endif
const init=(e:Map<any, any>)=>{
console.log('初始化成功====',e.pageCount)
}
</script>
<style>
.print{
position: fixed;
left: 50px;
top: 100px;
}
</style>