• 前端笔记(6) Vue3 dialog弹窗 父子组件之间传值及方法调用


    一、前言

    实际开发中,都是用单文件组件,那组件之间传值和调用方法是最常见的功能。
    传参的方式有很多,比如props、emit、provide和inject。
    在学习组件之间传值之前,需要了解下模板ref。

    二、模板ref

    <input ref="input">
    
    • 1

    ref 是一个特殊的 attribute,它允许我们在一个特定的 DOM 元素或子组件实例被挂载后,获得对它的直接引用。

    1 访问模板ref

    我们给一个组件标签赋值ref属性,我们还需要声明一个同名的 ref变量。
    举例:在查询列表页面打开编辑页面。
    在这里插入图片描述

    • 列表页面是DictData.vue
    • 编辑页面是DictDataEdit.vue
    • 的ref=“dictDataEditDialog”