之前的写法,在nginx发布是正常使用的,但是在某些小程序上是无法使用的cuo
-- 安装 vue-office-pdf
npm install @vue-office/pdf
-- 跳转页面
uni.navigateTo({url:'/pages/.../viewPdf'})
--
viewPdf.vue文件
-------------------------------------------------------------------
<template>
<view class="container">
<vue-office-pdf
src="../../../static/doc/zlzdsc.pdf"
/>
</view>
</template>
<script setup>
import VueOfficePdf from '@vue-office/pdf'
</script>
错误的原因是小程序的相对路径是走app在手机的路径,所以采用以下方式可以解决
-- 安装 vue-office-pdf
npm install @vue-office/pdf
-- 跳转页面
uni.navigateTo({url:'/pages/.../viewPdf'})
--
viewPdf.vue文件
-------------------------------------------------------------------
<template>
<view class="container">
<vue-office-pdf
:src="pdf"
/>
</view>
</template>
<script setup>
import VueOfficePdf from '@vue-office/pdf'
import pdf from '@/static/doc/zlzdsc.pdf'
</script>
以上就是 vue3 setup语法糖 uni-app 写法