vue中PDF预览

vue中使用embed标签PDF预览

直接上例子

<template>
  <div class="">
  	 <embed :src="currentPdfurl" type="application/pdf" width="100%" height="800px;" />
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  data() {
    return {
    currentPdfurl: '/static/pdf/show.pdf',
    }
  },
  mounted(){ 
  },
  methods: {
  },
}
</script>

<style lang="scss" scoped>
</style>

注意：这里的文件要放在

展示的效果如下

如果想要在左边添加注释或者是说明

<div style="display:flex">
	<div></div>
 	<div><embed :src="currentPdfurl" type="application/pdf" width="100%" height="800px;" /></div>
</div>

如图