elementui使用记录

~el-dialog
fullscreen 全屏

:visible.sync

@close=@fn  (  this.$refs['formRef'].resetFields()  )

 

 

~el-uplaod

on-change

 addFormUploadFile: function (file, fileList) {
      console.log('file------', file)
      const type = file.raw.type.split('/')[0] // 文件类型
      if (type != 'image') {
        this.$message.error('封面图片必须是jpeg/jpg/png格式!')
        return false
      }
      const size = file.raw.size // 文件大小
      if (size > 1024 * 1024) {
        this.$message.error('图片不能超过1Mb!')
        return false
      }
      this.addFormImgFile = file.raw // 设置上传的图片文件

      console.log('this.addFormImgFile111------', this.addFormImgFile)

      // 转base64
      // https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsDataURL
      var reader = new FileReader()
      reader.readAsDataURL(this.addFormImgFile)
      // 注意".bind(this)"巨坑跌2次****************************************************
      reader.onload = function () {
        this.addFormimgurl = reader.result

        console.log('this.addFormImgFile222------', this.addFormImgFile)

      }.bind(this)


    },

 

序列化表单  this.$qs.stringify(this.addForm, { indices: false }),

 

 

 

// 下载文件
    downloadFiles () {
      let fileNameList = [] // 上传文件名称列表
      this.multipleSelection.forEach(element => {
        fileNameList.push(element.fileName)
      })
      if (fileNameList.length == 0) { // 没勾选文件的情况
        return this.$message.error('请选择需要下载的文件')
      }
      // console.log(fileNameList);

      let formData = new FormData()
      formData.append('fileNameList', fileNameList)
      formData.append('path', this.$route.fullPath)
      // 发送请求
      this.$http({
        method: 'post',
        url: 'download',
        data: formData,
      }).then(res => {
        // console.log(res);

        if (res.data.Meta.status != 200 || res.data.data.file == null) {
          return this.$message.error('下载失败')
        }
        console.log(res.data.data.file);

        // 创建a标签，设置download属性，插入到文档中并click
        let url = res.data.data.file
        let link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.setAttribute('download', '')
        link.target = '_blank'

        document.body.append(link)
        link.click()
      })
    },

 

~el-table

:span-method 合并行或列的计算方法   Function({ row, column, rowIndex, columIndex })