Vue使用＜el-upload＞＜/el-upload＞控件 - 点击下载按钮-阻止选择文件

最新推荐文章于 2024-05-17 14:32:46 发布

new code Boy

最新推荐文章于 2024-05-17 14:32:46 发布

阅读量598

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_46344419/article/details/132587410

版权

@click.stop : 阻止事件冒泡
@click.prevent : 阻止事件默认行为
@click.self : 事件只作用在元素本身，而不是其子元素

<el-upload ref="upload" :limit="1" accept=".msg" :action="#" :disabled="upload.disabled" :on-progress="handleFileUpload" :on-success="handleFileSuccess" :auto-upload="false" :on-change="handleChangeFile" :before-upload="beforeUpload" :http-request="httpUpload">
  <el-button icon="el-icon-upload" size="mini" type="primary">点击上传</el-button>
  <el-button icon="el-icon-download" size="mini" type="info" @click.stop="downloadFile">点击下载</el-button>
</el-upload>