vue实现pdf文件的在线预览

Z时代
2024-01-10
分类：综合

vue

我是通过 <iframe> 标签就可以满足我工作的 pdf预览需求如果<iframe> 无法满足需求，可以使用pdf.js这个插件，功能强大。

<iframe
    :src="url"
    type="application/x-google-chrome-pdf"
    width="100%"
    height="100%" />
export default {    
    data() {
        return {
            url: ``,
        };
}      
mounted() {
        this.url=`http://192.168.1.110:5000/assets/doc/xx调度方案7.pdf`;
    }