vue文件预览word等

第一种：

<a  :href ="'http://www.xdocin.com/xdoc?_func=to&amp;_format=html&amp;_cache=1&amp;_xdoc='+scope.row.FileUrl+''" target="_blank" rel="nofollow">

第二种：    

//文件预览点击的时候传url(文件路径)
            wordDetail(url) {
                // 微软提供的方法
                // window.open(url);
                var fileExtension = url.substring(url.lastIndexOf(".") + 1);
                if (url) {
                    if (//如果是以下格式就可以本地打开
                        fileExtension == "jpg" ||
                        fileExtension == "png" ||
                        fileExtension == "txt" ||
                        fileExtension == "pdf" ||
                        fileExtension == "PDF" ||
                        fileExtension == "mp4"
                    ) {
                        window.open(url);
                        // window.location.assign(url);
                    } else {

//否则利用第三方打开
                        window.open(
                            `https://view.officeapps.live.com/op/view.aspx?src=${url}`
                        );
                    }
                } else {
                    this.$message({
                        message: "暂无可下载文件",
                        type: "warning"
                    });
                }
            }