• element table 二次封装 父子组件传值 组件通信


    新建一个组件(即子组件)table.vue

     

    子组件编辑内容如下图所示

     

    子组件通过props获取父组件传递过来的参数,如下图所示,type指明传递到子组件的数据类型,default指定默认值,一般不给

     

    子组件通过事件发射向父组件传递事件及参数,$emit即为发射事件,第一个参数为向父组件传递的事件名,第二个参数为向父组件传递的参数

     

    下面为父组件调用子组件:

    在父组件中通过import引入子组件,并注册

     

    父组件调用子组件并传递参数,同时监听子组件事件

     

    父组件处理监听子组件事件

     

    最终效果如下

     

    当然功能还可以继续扩展
    ---------------------
    作者:小前端
    来源:CSDN
    原文:https://blog.csdn.net/weixin_42300678/article/details/80450972?utm_source=copy

  • 相关阅读:
    js函数的Json写法
    Bootstrap3和Bootstrap4区别
    Unicode编码是什么
    保留字是什么
    范仁义js课程---5、js字面量和变量
    什么是脚本语言
    ECMAScript 版本
    TortoiseGit上传代码到GitHub
    Android Studio快捷键
    Android 适配
  • 原文地址:https://www.cnblogs.com/zhurunlai/p/9797039.html
Copyright © 2020-2023  润新知