vue 导入模板示例

最新推荐文章于 2024-09-14 16:29:31 发布

她说她说

最新推荐文章于 2024-09-14 16:29:31 发布

阅读量680

点赞数

分类专栏： vue2 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43203982/article/details/117467100

版权

vue2 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

template

<el-upload
	ref="upload"
	action=""
	:http-request="(params)=>UploadFile(params)"
	accept=".xls, .xlsx"
	:show-file-list = "false"
	:auto-upload="true">
	<el-button size="mini" class="btn">导入模板</el-button>
</el-upload>

method

UploadFile(params){ 
  const vm = this;
    const execlData = params.file
    if (params.file) {
      vm.currentFile.push(params.file);
    }
    if (vm.currentFile.length) {
      uploadFile({
        filename: execlData
      }).then(res => {
        if(res.status === 200 && res.data !== null){
          saveFile({
            filename: res.data.data.key,
            type: '9',
          }).then(res => {
            if(res.status == 200 & res.data !== null) {
              vm.$message({
                message:'导入模板成功',
                type:'success'
              });
            }
          })
        }else{
          vm.$message({
            message:'导入模板失败',
            type:'error'
          });
        }
      })
    }
  }