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

实现效果：

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

      

        

          
        
        

          
{{item.file_name}}
          
2.2M
        
      
    

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

export const unity = {
    setIconType(type = 'default') {
        let icontype = {
            jpg: {
                class: '#icon-jpg'
            },
            gif: {
                class: '#icon-jpg'
            },
            docx: {
                class: '#icon-docx'
            },
            pdf: {
                class: '#icon-PDF'
            },
            xlsx: {
                class: '#icon-xlsx'
            }
        }
        return icontype[type]
    }
  }