vue中使用embed标签PDF预览

embed的四个属性<el-row type="flex" class="row-bg" justify="space-between"><el-col :span="12"><embed:src='srcSourceLan'type="application/pdf"width="90%"height="700px;"

吾乃冠军

6988人浏览 · 2020-05-19 20:00:17

吾乃冠军 · 2020-05-19 20:00:17 发布

网上pdf地址

	http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf

embed的四个属性

在这里插入图片描述

	<el-row type="flex" class="row-bg" justify="space-between">
	  <el-col :span="12">
	    <embed
               :src='srcSourceLan'
               type="application/pdf"
               width="90%"
               height="700px;"
	    />					  	
	  </el-col>
	  <el-col :span="12">
	    <embed
               :src="srcTargetLan"
               type="application/pdf"
               width="90%"
               height="700px;"
	    />					  	
	  </el-col>
	</el-row>

	srcSourceLan和srcTargetLan是请求接口返回的url

预览效果：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^