当前位置:网站首页>使用el-upload封装得组件怎么清空已上传附件
使用el-upload封装得组件怎么清空已上传附件
2022-07-05 09:26:00 【左手牵**右手】
最近项目中一处附件上传,点击取消得时候要清空列表。因为本身附件上传组件已有删除,而这个取消按钮是不调用接口得。但是用组件属性就是会报错
,因此就让他局部刷新一下:
<div class="file-info bdr10"
v-if="isRouterAlive">
<!-- 1======课后作业 -->
<upload-file-flex ref="upload"
v-model="ruleForm.annex"
@getFileList="getFileList"
:accept="'.docx,.pdf'"
:limit="1"></upload-file-flex>
</div>
<div class="text-center"
style="margin-top:10px">
<el-button round
@click="removeFile"
size="mini">取消</el-button>
<el-button type="primary"
size="mini"
:ldstatus="ldstatus"
style="background: #056AFF;"
@click="subMit"
round>保存</el-button>
</div>
export default {
name: "app",
data() {
return {
isRouterAlive: true,
};
},
provide() {
return {
removeFile: this.removeFile,
};
},
methods: {
removeFile () {
this.isRouterAlive = false;
this.$nextTick(function () {
this.ruleForm.annex = ''
this.isRouterAlive = true;
});
},
},
};
边栏推荐
- [technical school] spatial accuracy of binocular stereo vision system: accurate quantitative analysis
- Using request headers to develop multi terminal applications
- Huber Loss
- 【阅读笔记】图对比学习 GNN+CL
- [code practice] [stereo matching series] Classic ad census: (4) cross domain cost aggregation
- nodejs_ fs. writeFile
- Svgo v3.9.0+
- OpenGL - Coordinate Systems
- Uni app implements global variables
- 一篇文章带你走进cookie,session,Token的世界
猜你喜欢
Blogger article navigation (classified, real-time update, permanent top)
Information and entropy, all you want to know is here
3D reconstruction open source code summary [keep updated]
Generate confrontation network
Applet global style configuration window
Priority queue (heap)
Editor use of VI and VIM
Android privacy sandbox developer preview 3: privacy, security and personalized experience
Using request headers to develop multi terminal applications
Kotlin introductory notes (II) a brief introduction to kotlin functions
随机推荐
SMT32H7系列DMA和DMAMUX的一点理解
Rebuild my 3D world [open source] [serialization-3] [comparison between colmap and openmvg]
Kotlin introductory notes (VI) interface and function visibility modifiers
2310. 个位数字为 K 的整数之和
Lepton 无损压缩原理及性能分析
Composition of applet code
测试老鸟浅谈unittest和pytest的区别
Attention is all you need
It's too difficult to use. Long articles plus pictures and texts will only be written in short articles in the future
Codeforces round 684 (Div. 2) e - green shopping (line segment tree)
阿里云发送短信验证码
c语言指针深入理解
Applet (use of NPM package)
An article takes you into the world of cookies, sessions, and tokens
scipy. misc. imread()
Kotlin introductory notes (II) a brief introduction to kotlin functions
STM32 simple multi-level menu (array table lookup method)
[code practice] [stereo matching series] Classic ad census: (5) scan line optimization
Ministry of transport and Ministry of Education: widely carry out water traffic safety publicity and drowning prevention safety reminders
【ManageEngine】如何利用好OpManager的报表功能