vue 根据文档类型显示相应的类型图标

实现效果：

具体代码如下：
1、页面代码：

<ul class="processlist" v-if="flow.length">
      <li v-for="(item,index) in flow" @click="prewImg(item,index)" :key="item.id">
        <div class="icons ">
          <svg class="icon" aria-hidden="true">
            <use :xlink:href="iconType(item.ext).class"></use>
          </svg>
        </div>
        <div class="name">
          <p class="filename">{
  
  {item.file_name}}</p>
          <p class="filesize">2.2M</p>
        </div>
      </li>
    </ul>

<script>
import {unity} from "common/js/unity"
  data() {
    return {
      iconType:unity.setIconType
    };
  },
</script>

2、封装js
定义setIconType方法，枚举各附件类型jpg,gif,png,docx,mp3,xlsx等

export const unity = {
    setIconType(typ