element-ui upload在选择文件前提示

今天偶遇这个问题。文字描述比较麻烦，直接贴代码。

html部分

<el-upload

            class="inline-block"

            :show-file-list="false"

            :auto-upload="false"

            ref="uploadFile"

            :on-change="toChange"

            accept=".csv"

            action=""

          >

            <el-button icon="el-icon-back" @click.stop="toImport">导入</el-button>

            <el-button icon="el-icon-back" style="display: none;" ref="import"></el-button>

          </el-upload>

js部分

methods:{

  toImport(){

      this.$confirm('友情提示！',{

        confirmButtonText: '确定',

        cancelButtonText: '取消',

        type: 'warning'

      }).then(()=>{

        this.$refs.import.$el.click();

      });

    },

},

toChange(file){

    console.log('file文件在此，开始下一步！');

}