码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 父子组件间通信,父组件触发子组件中的事件,子组件触发父组件中的事件


    一、父组件触发子组件中的事件:

    1、父组件中使用子组件(关键:绑定ref,v-on)

    1. <add-allocation ref="modalForm" @ok="modalFormOk" v-on:func="handleRefresh">add-allocation>

    2、在父组件中导入并注册组件: 

    1. import AddAllocation from './modules/AddAllocation.vue'
    2. export default {
    3. name: 'ChannelConfiguration',
    4. components: {
    5. AddAllocation
    6. },}

    3、使用this.$refs['modalForm'].add(),调用子组件中函数:

    1. // 父组件中新增函数
    2. Add() {
    3. this.$refs['modalForm'].add()//调用子组件中的add函数
    4. this.isShow = true
    5. },

    二、子组件触发父组件中的事件

    1、在子组件中使用this.$emit('func')

    
                    
  • 相关阅读:
    安装ESXi 虚拟机
    使用ABP SignalR重构消息服务(二)
    设计模式(12)状态模式
    【新知实验室 - TRTC 实践】音视频互动 Demo、即时通信 IM 服务搭建
    Jmeter上传文件的文件名中文乱码解决方法
    鲜花店经营配送小程序商城的作用是什么?
    C语言——计算数组长度
    第十四届蓝桥杯省赛大学B组(C/C++)整数删除
    【GEE笔记2】遍历循环Reducer/.map
    C++手敲灰度图均值滤波中值滤波高斯滤波
  • 原文地址:https://blog.csdn.net/qq_45530512/article/details/128113983
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号