【vue】vue项目中实现pdf预览功能

我用的方法是window.open()，所以前提得有一个后端返回的pdf文件路径，放到地址栏可以直接预览，而不是直接下载下来的。
实现方式如下：

<template>
	<span slot="action" slot-scope="text, record">
		<a @click="onPreview(record)">查看</a>
	</span>
</template>
<script>
	export default {
		methods:{
			// 预览
			onPreview(record) {
				// record.videos 就是后端返回的线上文件地址
      			window.open(record.videos)
    		}
		}
	}
</script>

最后的效果如下：

说明：pc端实现pdf预览方式蛮多的，也可以使用vue-pdf插件，也可以用<object :data="url"></object>，但需要用一个对话框组件去展示