vue子组件向父组件传值的三种方式_vue父页面传值到子页面

vue子组件向父组件传值的三种方式_vue父页面传值到子页面1.用于子组件触发事件传递给父组件子组件:rowEvent里面也可以带参数事件treeData是携带的参数rowEvent(){this.$emit(‘rowEvent’,’treeData’’);},父组件:在父组件绑定自定义事件直接可以获取到rowEvents(obj){console.log(obj)},2.用ref(常用于不触发的事件)子组件定义个…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1.用于子组件触发事件传递给父组件

子组件:

rowEvent 里面也可以带参数

vue子组件向父组件传值的三种方式_vue父页面传值到子页面

 事件  treeData 是携带的参数
     rowEvent(){

        this.$emit(‘rowEvent’,’treeData’’);
      },

父组件:

在父组件绑定自定义事件

vue子组件向父组件传值的三种方式_vue父页面传值到子页面

直接可以获取到

     rowEvents(obj) {

        console.log(obj)

      },

 

2.用ref(常用于不触发的事件)

子组件 定义个变量 (方法也行)

vue子组件向父组件传值的三种方式_vue父页面传值到子页面

父组件

 use-table是子组件的 里面绑定上ref 下面用 this.$refs.useTable.tableSelectArr 就可以直接获取到

vue子组件向父组件传值的三种方式_vue父页面传值到子页面

vue子组件向父组件传值的三种方式_vue父页面传值到子页面

 作者持续更新中 (刚入前端的小白)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/197621.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Linux学习_菜鸟教程_1[通俗易懂]

    Linux学习_菜鸟教程_1[通俗易懂]Linux系统启动过程:内核的引导、运行init、系统初始化、建立终端、用户登录系统内核引导:计算机开机,然后BIOS开机自检,按照BIOS中设置的启动设备(通常是硬盘)来启动。操作系统接管硬件

    2022年8月5日
    6
  • 黑苹果安装教程OC引导「建议收藏」

    黑苹果安装教程OC引导「建议收藏」小白安装指南1.从零开始,自制EFI,安装黑苹果2.网络下载EFI(80%可能你根本找不到能用的)3.黑苹果安装过程卡代码4.安装好黑苹果后引导修复5.修改BIOS5.其他可能有帮助的链接首先声明,我也是小白,只是总结一下我安装黑苹果过程中参考过的教程。以下内容如有帮助本人深感欣慰。最开始装黑苹果心里特别没底,不知从何下手,那先看1.从零开始,自制EFI,安装黑苹果推荐从零学习,大约需要5个小时自己就能安装黑苹果了。1.视频中使用的是OC0.6.5版本,现在已经升级到0.6.6但是并没有什么区

    2022年6月22日
    446
  • vue 表单验证内容隐藏_vue中input获取焦点

    vue 表单验证内容隐藏_vue中input获取焦点如果你用vue或者element的ui去验证发现很麻烦。如果你只想简单验证:其实html自带了验证:这里required就是必填,pattern就是正则规作者:古红平链接:https://www.zhihu.com/question/37099220/answer/81969475来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。去搜索一下属性就知道了。https://www.w3schools.com/…

    2025年5月23日
    4
  • 使用java创建dblink_创建dblink

    使用java创建dblink_创建dblink1 createpublic link aconnecttouu 127 0 0 1 utf8 2 CREATEDATABA link 06CONNECTTOu DESCRIPTION ADDRESS LIST

    2025年6月1日
    1
  • 在bash中export命令作用是什么_bash:no such file or directory

    在bash中export命令作用是什么_bash:no such file or directoryexport  export命令将会使得被export的变量在运行的脚本(或shell)的所有的子进程中都可用.  不幸的是,没有办法将变量export到父进程(就是调用这个脚本或shell的进程)中.  关于export命令的一个重要的使用就是用在启动文件中,启动文件是用来初始化并且设置环境变量,让用户进程可以存取环境变量脚本不能export(导出)变量到它的父进程(p

    2025年9月4日
    5
  • springboot整合mybatis配置_springboot 跨域

    springboot整合mybatis配置_springboot 跨域springboot整合dubbo+zookeeper项目结构:注意:在做此demo之前应该先自行搭建好zookeeper环境也可以搭建dubbo监控环境1.随便创建一个项目,之后添加一个maven项目用于存放接口packagecom.wzb.service;/***@authorSatsuki*@time2019/8/2717:51*@descripti…

    2022年4月19日
    51

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号