co-preview （支持预览图片，pdf 文件，excel 文件，word 文件，txt文件，开启下载属性后支持多种文件格式下载 ）（以兼容到 IE11）

1. 安装组件

npm i co-preview

2. 引用组件，全局注册当前组件

import coPreview from 'co-preview'

Vue.use(coPreview)

3. co-preview 在项目内使用

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | :---- | :-------------------------------------------------------: | :------: | :-------------------: | :--------------------------: | | url | 需要预览的文件地址（必传参数） | string | - | - | | width | 预览弹层宽度（非必传） | string | - | 60% | | title | 自定义标题（非必传） | string | - | 预览图片/预览 pdf/预览 excel | | top | 弹层距离顶部距离 | string | - | | - | type | 当 url 地址不含后缀时使用 type 属性（url 地址无后缀必传） | string | jpg/png/jpeg/pdf/xlsx/txt | - | | layer | 是否在弹框内展示 | Boolean | true/false | false | | download | 是否开启下载 | Boolean | true/false | false | | fileName | 文件下载时是否自定义下载时的文件名称（只在下载文件时起作用） | string | - | - | | slot | 插槽 | - | - | - | - | @urlF | 预览关闭回调函数 | function | - | - |

<template>
  <div>
  <co-preview v-model="url" width="60%" title="预览" type="png" layer></co-preview>
  </div>
</template>

export default {
  data() {
    return {
      url: ''
    }
  }
}

<template>
  <div>
  <co-preview v-model="url" width="60%" title="预览" type="png" layer>
  //弹层内具名插槽
  <span slot="dialog-slot">插槽</span>
  //弹层外匿名插槽（一般作为特别的提示使用可以加新的弹层）
  <span>插槽</span>
  </co-preview>
  </div>
</template>

export default {
  data() {
    return {
      url: ''
    }
  }
}

1.0.5版本

问题：

• 1、解决了预览大写PDF报错问题

• 2、暂未解决无法预览.doc文件的问题

1.0.6版本

问题：

• 1、解决了除.doc外其他文件预览报错问题
• 2、暂未解决无法预览.doc文件的问题

1.0.9版本

问题：

• 1、增加txt文件预览已完成
• 2、修改pdf预览方式，兼容河北签章

1.1.1版本

问题：

• 1、预览doc文件增加提示不支持的提示
• 2、暂未解决无法预览.doc文件的问题

1.1.2版本

问题：

• 1、增加插槽
• 2、暂未解决无法预览.doc文件的问题

1.1.4版本

问题：

• 1、增加下载文件自命名（fileName）
• 2、暂未解决无法预览.doc文件的问题

1.1.5版本

问题：

• 1、增加对ppt、xls 预览提示下载
• 2、暂未解决无法预览.doc文件的问题

1.1.6版本

问题：

• 1、解决不能重复下载 doc、ppt、xls 类型文件

1.1.7版本

问题：

• 1、解决空值不清空预览问题
• 2、暂未解决无法预览.doc文件的问题