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>
如图