el-upload文件上传改造

    上传文件
    

      
         
        {{file.name}}
       
      
        
          
        
        
          
        
        
          
        
      
    


  

//css
@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

.el-upload-list--picture-card .el-upload-list__item{
  height:30px;
}
.el-upload--picture-card{
  height:40px;
  line-height:40px;
  background-color:#209f84;
  color:#FFFFFF;
  border:0px;
}
.el-upload--picture-card:hover{
  color:#00ff00
}

var Main = {
    data() {
      return {
        dialogImageUrl: '',
        dialogVisible: false,
        disabled: false
      };
    },
    methods: {
      handleRemove(file) {
        console.log(file);
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      },
      handleDownload(file) {
        console.log(file);
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')