Vue文件预览
Vue Vue文件预览
前端 Vue 文件预览
发布日期:   2019-05-10
文章字数:   85
阅读时长:   1 分
阅读次数:  

pdf文件预览

1、embed 标签

<template>
  <div style="height:100vh">
    <embed src="https://fscdn.xxx.com/pdf文件地址.pdf" 
        width="100%" 
        height="100%"          
        type="application/pdf" />
  </div>
</template>

2、iframe 标签

<template>
  <div style="height:100vh">
    <iframe src="https://fscdn.xxx.com/pdf文件地址.pdf" 
        width="100%" 
        height="100%" />
  </div>
</template>

3、 pdf.js

请前往
vue2.0全局组件之pdf详解

赏

  转载请注明: 24K博客 Vue文件预览

 上一篇
npm command not found npm command not found
出现的问题从官网下载了 node 的 .pkg 文件安装 node，安装好后，在 mac 终端下输入 npm -v 和 node -v 均提示 command not found。 解决办法1、第一步：创建 .bash_profile 文件
2019-05-19 前端
npm node
下一篇 
Vue图片预览 Vue图片预览
v-viewer用于图片浏览的 Vue 组件，支持旋转、缩放、翻转等操作，基于 viewer.js。 演示示例安装npm install v-viewer 手动引入样式文件import 'viewerjs/dist/viewer.css'
2019-05-04 前端 Vue 图片预览
Vue Vue图片预览
  目录