vue+elementui 打开弹窗 但是弹窗的接口只会初始调用一次

本文主要是介绍vue+elementui 打开弹窗 但是弹窗的接口只会初始调用一次,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

使用element的dialog弹窗的时候

	<el-dialog:title="title":visible.sync="dialogVisible"width="68vw"><Info></Info></el-dialog>

这样样式比较美观好看 而且也好控制
但是如果你是在列表页使用 根据每次传入的id不同获取不同的数据的时候,你会发现只有在第一次使用的时候才能调用接口

修改的办法也很简单,在dialog层加一个v-if判定

<el-dialog:title="title"v-if="dialogVisible":visible.sync="dialogVisible"width="68vw"><Info></Info></el-dialog>

详细原因请查看vue官网文档:https://cn.vuejs.org/v2/guide/conditional.html#v-if-vs-v-show

这篇关于vue+elementui 打开弹窗 但是弹窗的接口只会初始调用一次的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/941104

相关文章

RiProV2主题美化【支付页弹窗增加价格提示语】Ritheme主题美化RiProV2-网站WordPress美化二开

背景: 楼主的网站是用WordPress搭建的,并使用了正版主题RiProV2,但RiProV2在支付弹窗页没有价格,只在文章详情页会展示价格。本文就是美化这个支付弹窗,在支付弹窗页把价格字段加上,如下图所示: 美化前: 美化后  美化步骤: (1)定位到文件:/www/wwwroot/www.uu2id.com/wp-content/themes/ripro-v2/inc/te

OpenHarmony NAPI 使用Cmake 编译C++ .so 并ets调用

一、前言          这两年多随着国产化兴起,国内越来越多的项目都要求支持国产化系统,并且随着OpenHarmony 开源,更多的人都想分一杯羹。因此,我们公司也要求,所有产品的都需要支持开源鸿蒙OpenHarmony。 对于我们这边的设备,很多代码都是需要保密,在Android 中都是通过jni 方法将不能公开的代码编译成.so 文件提供给客户调用。同理,在OpenHarmony 也是一

Java:应用Observer接口实践Observer模式

在 Java 中通过 Observable 类和 Observer 接口实现了观察者模式。 Observer 对象是观察者, Observable 对象是被观察者。 1. 实现观察者模式 实现观察者模式非常简单, [1]创建被观察者类,它继承自java.util.Observable类; [2]创建观察者类,它实现java.util.Observer

HTML静态网页成品作业(HTML+CSS+JS)——华为商城网页(1个页面)

🎉不定期分享源码,关注不丢失哦 文章目录 一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码 五、源码获取 一、作品介绍 🏷️本套采用HTML+CSS,使用Javacsript代码实现首页图片切换轮播效果,共有1个页面。 二、作品演示 三、代码目录 四、网站代码 HTML部分代码 <div class="header"><div c

WHAT - vue3 nextTick机制

Vue.js 3 中的 nextTick 机制是用于在 DOM 更新后执行回调函数的一种方式。它确保你在 Vue 更新 DOM 后立即操作 DOM 或访问更新后的 DOM。 在 Vue 3 中,nextTick 被重构为一个异步任务队列,它在渲染阶段之后执行。让我们通过源代码来详细解释 nextTick 的实现: // 在 Vue 3 源代码中,nextTick 的核心实现在 schedule

MFC/QT利用COM组件接口从字体名称、粗体、斜体获取到字体文件路径的方法

MFC/QT利用COM组件接口从字体名称、粗体、斜体获取到字体文件路径的方法 这个是目前唯一能准确从字体名称+加粗+斜体三个属性定位到ttf/ttc字体路径的方法,其他的方式是没有办法区分后两个属性而且会出现不准确的问题 之前无意间在MSDN找到的资料: IDWriteLocalFontFileLoader::GetFilePathFromKey (dwrite.h) - Win32 app

vue h5项目预览pdf文件+电子签名

vue h5项目预览pdf文件+电子签名 1、vue安装pdfh5 npm install pdfh5 2、示例代码 pdf文件预览页面 <template><div class="pdf-container><div id="pdfView"></div><div v-if="SignPanelShow=='0'" class="pdfbtn" @click="openSignPane

实现多线程的两种方法:继承Thread类或实现Runnable接口

实现多线程的两种方法:继承Thread类或实现Runnable接口 Java中实现多线程有两种方法:继承Thread类和实现Runnable接口,在程序开发中只要是多线程,我们一般都是实现Runnable接口,原因归结为一点:实现接口比继承类要好。 多线程的第一种实现方式:继承Thread类 步骤如下 创建一个继承Thread的类(假定为A),并重写Thread的run方法构造一个A类对

JetsonNano —— 3、在Nano板卡编译可硬件加速FFmpeg,测试FFmpeg调用nvmpi编解码器加速

最终FFmpeg运行加速效果如下:   FFmpeg 简介      一个完整的跨平台解决方案,用于录制、转换和流式传输音频和视频。   JetsonNano 简介      NVIDIA Jetson Nano为数百万台高性能、低功耗设备提供前所未有的功能。这项技术创新为网络录像机、机器人或具有高级分析功能的智能家居网关等领域的嵌入式物联网应用开辟了新的可能性。   Jets

【WEB前端2024】开源智体世界:乔布斯3D纪念馆-第20课-烟花插件

【WEB前端2024】开源智体世界:乔布斯3D纪念馆-第20课-烟花插件 使用dtns.network德塔世界(开源的智体世界引擎),策划和设计《乔布斯超大型的开源3D纪念馆》的系列教程。dtns.network是一款主要由JavaScript编写的智体世界引擎(内嵌了three.js编辑器的定制版-支持以第一视角游览3D场馆),可以在浏览器和node.js、deno、electron上运行,它