首页 > 其他分享 >弹窗加载另一个界面

弹窗加载另一个界面

时间:2023-08-14 19:33:25浏览次数:37  
标签:界面 methods listVisable export false 加载 弹窗 hiddenDangerList

1.父组件

<template>
  <el-button @click="selectHiddenDangerList()" >
  </el-button>
  <HiddenDangerList v-if="listVisable" ref="hiddenDangerList"></HiddenDangerList>
</template>
<script>
import HiddenDangerList from "/hiddenDangerList";
export default {
  components: {
      HiddenDangerList,
  },
  data () {
    return {
            listVisable: false,
    }
  },
  methods: {
    selectHiddenDangerList () {
        this.listVisable = true;
        this.$nextTick(() => {
            this.$refs.hiddenDangerList.init();
        });
    },
}
</script>

2.子组件

<template>
    <el-dialog title="弹窗"
        :visible.sync="dialogVisible"
        width="95%">
    </el-dialog>
</template>

<script>
export default {
    name: "hiddenDangerList",
    data () {
        return {
            dialogVisible: false,
        }
    },

    methods : {
        init() {
            // this.initData();
            // 展示弹窗
            this.dialogVisible = true;
        },
    }
}
</script>

标签:界面,methods,listVisable,export,false,加载,弹窗,hiddenDangerList
From: https://www.cnblogs.com/lwx11111/p/17629539.html

相关文章

  • 直播app系统源码中加载图片的三种方式
    直播APP系统源码中,加载图片可以很好的提高用户体验,图片预先加载出来,可以方便用户更好的去观看,避免很长的等待时间,让用户更加快速冲浪,本文将为大家分享三个直播app系统源码中加载图片的方式。方式一:直播app系统源码中src指向图像的位置最常用的一种方式,无需搭配后端代码<img sr......
  • SAP Fiori Elements 应用里标准模板 XML Fragment 加载的逻辑和 XMLPreprocessor 的作
    触发时间点是XMLPreprocessor的insertFragment方法:上图的调试器上下文里,我们看到了XMLPreprocessor.js的实现,它是SAPUI5框架中一个重要的文件,它主要负责处理XML视图的预处理工作。对于SAPUI5中的视图创建,可以使用JavaScript、JSON、XML等多种方式。其中,XML......
  • echarts使用个性化百度地图(bmap)加载出现空白问题
     原因分析主要因为百度地图v2.0添加了个性化样式设置(给option.bmap中添加了styleJson配置)造成的,如果需要解决就要用v3.0,设置个性化的方式也不一样,引入的百度地图版本也要改成v3.0解决方式获取styleId过程:如果要是用styleid就必须要和引入的key是同一个账号才可以进入百度地图......
  • 基于OFF格式文件的三维模型建立和显示,带GUI界面
    1.算法理论概述一、引言       三维模型是计算机图形学中的一个重要概念,它是由一系列三维坐标点构成的点云或多边形网格。在三维图形学中,三维模型的建立和显示是一项非常重要的任务。OFF格式是一种用于描述三维模型的文件格式,它可以描述点云和多边形网格等不同类型的三......
  • 如何在C语言中进行图形界面编程
    在C语言中进行图形界面编程是一项非常有挑战性和有趣的任务。虽然C语言主要用于系统级编程和算法开发,但我们仍然可以使用一些库来实现简单的图形界面。在本文中,我将介绍一种在C语言中进行图形界面编程的方法。首先,让我们来了解一下几个常用的图形库,它们可以帮助我们在C语言中创建......
  • linux 6/7 修改root 密码 (grub界面)
    CentOS6:开机读秒时按任意键进入此画面按e选择kernel再按e在最后打一个空格然后输入1回车再按B进入单用户模式Passwd可以修改密码了CentOS7:开机菜单栏第一行按e,在linux16行尾,加入rd.breakcnotallow=tty0ctrl+x继续启动现在的根是/sysrootmount-oremount,rw/sys......
  • Linux MQTT智能家居(温度,湿度,环境监测,摄像头等界面布局设置)
    (文章目录)前言本篇文章来完成另外三个界面的布局设置。这里会使用到feiyangqingyun的一些控件库。一、温度湿度曲线布局TempHumtiy.h:#ifndefTEMPHUMTIY_H#defineTEMPHUMTIY_H#include<QWidget>#include"wavechart.h"namespaceUi{classTempHumtiy;}class......
  • 【PYQT5】创建线程,防止执行函数卡死界面
    #线程函数classWorkerThread(QThread):resultReady=pyqtSignal(object)def__init__(self,func,*args,**kwargs):super().__init__()self.func=funcself.args=argsself.kwargs=kwargsdefrun(self):se......
  • 如何使用反射动态加载程序集
    在C#中,我们可以使用反射Reflection来动态加载程序集。动态加载程序集是一种在运行时根据需要加载程序集的技术,而不是在编译时将其硬编码到应用程序中。应用场景具体:为应用程序开发自定义插件。在应用程序中,我们可以使用反射来动态加载插件程序集,然后使用插件中的类型。比如有如......
  • 学习IDA权威指南-加载器-处理器模块
    有时候,分析一个二进制文件,会发现IDA自带的加载器全部失效了可执行文件选择二进制文件未知文件分析需要了解文档IDA加载器模块IDA处理器模块1-python字节码跟java类似,可以将源代码编译为字节码,然后交于虚拟机执行2-python解释器3-使用SDK编写处理器模块有以下几个步骤1-processor-t......