打造公司的网站,服装网站建设什么公司好,工程造价信息网官网登录入口,白云网站制作解决思路#xff1a;
先写一个上传按钮#xff0c;点击上传按钮后判断条件是否满足#xff0c;满足则显示上传组件并使用ref来控制点击事件#xff0c;隐藏自身。
注#xff1a;上传成功或者上传失败时或者上传前判断条件添加不满足return将this.isShow true
代码部分…
解决思路
先写一个上传按钮点击上传按钮后判断条件是否满足满足则显示上传组件并使用ref来控制点击事件隐藏自身。
注上传成功或者上传失败时或者上传前判断条件添加不满足return将this.isShow true
代码部分 el-date-picker v-modelorderTime typemonth formatyyyy-MM value-formatyyyy-MM placeholder选择月 /el-date-picker el-button classbtn-def v-ifisShow clickimportExcel批量导入/el-button el-upload v-show!isShow classupload-demo refenclosureUpload :file-listfileList accept.xlsx action :multipletrue :show-file-listfalse :auto-uploadfalse :on-changehandleFileChange :limit1 :on-exceedhandleExceed el-button typeinfo classbtn-def 批量导入 /el-button /el-upload // 批量导入 importExcel(){ if(!this.orderTime){ this.$message.error(请选择月份); this.isShow true }else{ this.isShow false this.$nextTick(() { if (this.$refs.enclosureUpload) { // 直接找到 input 元素并触发点击事件 const input this.$refs.enclosureUpload.$el.querySelector(input[typefile]); if (input) { input.click(); } } }); } },
