一般項目中有文件都需要先下載皇耗，再借助第三方軟件來實現(xiàn)文件查看萌丈，有些麻煩赞哗。
現(xiàn)在我們只需一行代碼就可以實現(xiàn)文件在線預(yù)覽
<a target="_blank" rel="nofollow">預(yù)覽</a>
// 例如
<a target="_blank" rel="nofollow">預(yù)覽</a>
vue項目中使用文件預(yù)覽并頁面跳轉(zhuǎn)
<div class="box">
<div class="file" style v-for="(item,index) in fileList" :key="index">
<!-- @click="detail" :href="item.url"-->
<a
target="myFrameName"
:href="'http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc='+item.url"
rel="nofollow"
@click="getIfrme(item.fFileName)"
>
<span
class="text"
style="color:#000;font-size:14px;line-height:35px"
>{{item.fFileName}}</span>
<img src="../../assets/organization3.png" alt />
</a>
</div>
</div>
<iframe
v-show="ifshow"
style="width:100%;height:80%;"
id="myFrameId"
name="myFrameName"
scrolling="auto"
frameborder="0"
></iframe>
