a标签打开iframe（A标签打开dialog名称）



【前端vue2 + element ui】Dialog 对话框：.vue组件跳转

• 写在最前面
• 一、父组件调用

• 1、`<template>`

• 1.1 跳转位置
• 1.2 弹窗调用

• 2、`<script>`

• 2.1 import
• 2.2 export
• 2.3 methods

• 二、子组件调用

• 1、`<template>`
• 2、`<script>`

• 2.1 export
• 2.2 watch和methods并列
• 2.3 methods

🌈你好呀！我是 是Yu欸

背景：vue2 + element ui

子组件里面写Dialog 对话框，父组件直接调用

如果在子组件关闭了Dialog 对话框，那么：
①在子组件可见状态是false
②在父组件可见状态是true
会导致按<跳转按钮>无法跳出弹窗

所以需要：
①Dialog 对话框父组件、子组件双向绑定可见状态，才能控制可见状态的false
②Vue组件中的一个[]属性，用于监视属性的变化

1.1 跳转位置

1.2 弹窗调用

写到最后面

2.1 import

引用子组件

2.2 export

声明组件

data中声明可见状态

2.3 methods

开局弹窗声明

2.1 export

新声明name，然后传值。

需要确认一下，props传值是visible（后面watch函数监听的变量）

2.2 watch和methods并列

这段代码是Vue组件中的一个[]属性，用于监视属性的变化。每当属性的值发生变化时，这个监视器（watcher）就会被触发，并执行相应的函数。

具体来说，这个函数做的事情是：

• 监视属性的值。
• 当的值发生变化时（无论是从变为，还是从变为），将这个新的值赋给[]属性。

这样做的目的通常是为了同步两个属性的值，使得[]的值总是跟保持一致。这在Vue组件中是一种常见的模式，用于在组件内部响应外部传入的props变化。

2.3 methods

很重要，否则会关闭后再次点击打不开了。
因为关闭后显示状态为true，但是没有显示
显示状态和bool冲突

CloseSuccess

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/rfx/22694.html