首页 > 其他分享 >子组件调用父组件的方法

子组件调用父组件的方法

时间:2023-08-03 17:55:34浏览次数:27  
标签:调用 方法 importExcel excelReader 组件 getobjectType 页面

  • 父组件
<importExcel ref="importExcelEdit" :disabled="ExcelDisabled" @closed="closedDrawExcel" v-if="showDrawExcel"
                     :labelItem="objectTypeKey"
                     tabLabel="手动打标配置"
                     @getobjectType ="getobjectType()"/>
                       // 需要监听的父组件的方法
                       @getobjectType ="getobjectType()"/>

import importExcel from "./importExcel.vue";
export default {
components: {importExcel},
methods: {
  getobjectType(){
     console.log(“刷新页面”)                      
  }
}
  • 子组件
// 需要监听的父组件getobjectType
this.$emit("getobjectType");
  • @close : 表示的是当前这个组件
  • :title 是自带的方法,:title = "titleTest"会替代原来的,titleTest为自定义的属性值

刷新页面 方法二

  • this.$router.go(0);
    
  • dialog里面差掉的时候刷新页面

<el-dialog class="dialog-style" :title="this.title" :wrapperClosable="false" v-model="addDialogVisible" :before-close="handleClose" center @close="myClose">
  • 需要处理的问题
@PostMapping("ImportExcel2")
    public String ImportExcel2() throws IOException {
        FileInputStream inputStream = new FileInputStream("./22.xlsx");
        List<ObjectVo> objects = EasyExcel.read(inputStream)// 设置与Excel表映射的类
                .head(ObjectVo.class)
                // 设置sheet,默认读取第一个
                .sheet()
                // 设置标题所在行数
                .headRowNumber(1)
                // 异步读取
                .doReadSync();
        return "yes11" + objects.toString();
    }

//    @PostMapping("ImportExcelTest")
//    public RspBase<List<ObjectVo>> ImportExcelTest(@RequestParam("file") MultipartFile multipartFile,
//                                                         @RequestParam("tagCode") String tagCode) throws IOException {
//        ExcelReader excelReader = ExcelUtil.getReader(new File("./22.xlsx"));
//        excelReader.addHeaderAlias("对象唯一编码","objectCode");
//        excelReader.addHeaderAlias("对象名称","objectName");
//        List<ObjectVo> recordList = excelReader.readAll(ObjectVo.class);
//
//        excelReader.close();
//        return RspBase.success(recordList);
//    }

标签:调用,方法,importExcel,excelReader,组件,getobjectType,页面
From: https://www.cnblogs.com/ElloeStudy/p/17604053.html

相关文章

  • npm更新指定的组件
    npm更新指定的组件1、例如:react-router已经更新到4.x版本,想要下载2.x版本,可以通过下面命令[email protected][email protected]、–save-dev–save:将保存配置信息到package.json。默认为dependencies节点中。–dev:将保......
  • 分布式流处理组件-生产实战:Broker副本与优化
    ......
  • Excel中文本型数字转换为数值型数字的方法
    背景工作中经常遇到需要将Excel中的内容进行求和或者其他计算,但是由于格式为文本,无法进行计算和求和。单元格的左上角都有绿色小三角,且用自动求和公式计算无法计算结果,显示为0,说明单元格格式为文本。1、直接将文本转化成数字需要转换的数据,左上角会出现黄色感叹号,点击,并选择......
  • WPF svg转path(快速生成Path代码的方法)
    在使用WPF的Path作图时,我们可能会拿到美工出的一些比较复杂的图,今天查阅网上发现svg是可以自动转path的,特作记录。github:https://github.com/BerndK/SvgToXaml    设置途中项目为启动项目,然后点击svg图片 你是不是以为复制上面的M0,0一直到Z就OK了!那,我就不会写这篇......
  • jquery 点击元素以外任意地方隐藏该元素的方法
    //点击a元素内除b元素外的地方隐藏c元素$('#a').on('click',function(e){varcon=$(".b");//点击区域划分if(!con.is(e.target)&&con.has(e.target).length===0){//设置目标区域外if($(".b").is(":visible")){......
  • Python中实现远程调用(RPC、RMI)简单例子
    远程调用使得调用远程服务器的对象、方法的方式就和调用本地对象、方法的方式差不多,因为我们通过网络编程把这些都隐藏起来了。远程调用是分布式系统的基础。远程调用一般分为两种,远程过程调用(RPC)和远程方法调用(RMI)。RPCRPC属于函数级别的远程调用,其多是通过HTTP传输数据,数据形式有......
  • svg图标不变色的原因和解决方法
    原因:svg图标上有一个 fill 属性影响解决方法:方法1:1.svg标签上修改fill属性为 fill="currentColor"2. path标签清空fill属性1<svgwidth="16"height="16"viewBox="001616"fill="currentColor"xmlns="http://www.w3.org/2000/s......
  • Javascript 方法有多个参数有默认值,但是只想为其中某个参数赋值
    例子:functionlog(a,b=2,c=3,d=4){console.log(a,b,c,d)}log(1);//output:1234log(1,3,6,9);//1369log(1,undefined,9,12);//12912log(1,undefined,0);//1204log(1,undefined,undefined,16);//12316就是在你想......
  • 关于3dtiles Interactivity中的zoom方法精简写法
    原版本涉及到坐标系变化和矩阵变换,在对原版的思路掌握后,特写一个精简版,帮助大家理解。functionzoom(movement,feature){constlongitude=Cesium.Math.toRadians(feature.getProperty("Longitude"));constlatitude=Cesium.Math.toRadians(feature.getProperty("Lati......
  • 百度统一socket长连接组件从0到1的技术实践
    本文由百度消息中台团队分享,引用自百度Geek说,原题“百度iOS端长连接组件建设及应用实践”,为了帮助理解,本文有修订和改动。1、引言在过去的十年里,移动端互联网技术飞速发展,移动应用逐渐成为主要的便捷访问和使用互联网的方式,它们承接了越来越多的业务和功能,这也意味着对移动端......