更新记录

1.0.0(2025-03-30) 下载此版本

组件发布


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

文档

属性说明

属性名 类型 默认值 说明
viewerId String 随机字符串 容器id
url String '' 文件访问地址
fileType String '' 文件类型,可选值包括:docx、xlsx、pdf,可以不传,组件会自动从url中推导文件类型

注意事项

  • 本组件是基于renderjs技术,所以不支持小程序
  • url 文件访问地址必须是无访问限制的线上地址,不支持本地地址
  • 需要安装以下依赖包
    npm install core-js @js-preview/docx @js-preview/excel @js-preview/pdf
  • 按装依赖包后,需要在App.vue中添加以下引入插件样式的代码,否则会导致docx、xlsx文件显示不全
    @import '@js-preview/docx/lib/index.css';
    @import '@js-preview/excel/lib/index.css';

示例代码

<template>
  <lk-preview-office :url="url" :file-type="fileType" v-if="url"></lk-preview-office>
</template>

<script>
  export default {
    data() {
      return {
        url: 'https://static-mp-4b5404ae-3773-4f5e-bc20-1912bf5fa489.next.bspapp.com/static/文字文稿.docx',
        fileType: ''
      };
    }
  }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问