首页
视频
资源
登录
小可爱
什么时候才能领悟,取之越多失之越多
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
ASP.NET
16篇
JS
1篇
.NET
23篇
英语
4篇
redis
4篇
随笔
30篇
EF
3篇
前端
53篇
.net core
25篇
python
8篇
版本控制
1篇
java
2篇
nginx
2篇
docker
6篇
后端
5篇
更多
mysql
8篇
数据库
15篇
微服务
4篇
移动开发
7篇
架构
6篇
linux
2篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
原
vue dialog封装后作为组件使用,在父组件打开弹窗。vue父组件打开子组件的弹窗
2087
人阅读
2023/7/18 14:45
总访问:
880209
评论:
0
收藏:
0
手机
分类:
前端
思路:利用父组件调用子组件方法在打开弹窗,关闭的话完全不用担心,因为已经是那个弹窗内部的事情了。 #### 子组件定义一个方法用于打开弹窗 ``` // 打开弹窗 openDialog(_teacherLabclassId) { this.teacherLabclassId = _teacherLabclassId this.dialogVisible = true } ``` #### 父组件引用子组件用利用ref调用子组件打开弹窗的方法就可以了 先引用与使用: ``` import DealCheckTypeDialog from './components/dealCheckTypeDialog.vue' <DealCheckTypeDialog ref="dealCheckTypeDialog" /> ``` 利用ref调用子组件打开弹窗的方法就可以了: ``` openDealCheckTypeDialog(row) { // 调用子组件的方法打开弹窗 this.$refs.dealCheckTypeDialog.openDialog(row.id) }, ``` vue3中父组件调用子组件方法有点不一样了,参考:https://www.tnblog.net/xiuxin/article/details/8153
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}