一般項(xiàng)目中有文件都需要先下載，再借助第三方軟件來(lái)實(shí)現(xiàn)文件查看，有些麻煩。
現(xiàn)在我們只需一行代碼就可以實(shí)現(xiàn)文件在線預(yù)覽

<a  target="_blank" rel="nofollow">預(yù)覽</a>
// 例如
<a  target="_blank" rel="nofollow">預(yù)覽</a>

vue項(xiàng)目中使用文件預(yù)覽并頁(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>