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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • docker 运行tomcat_docker和tomcat区别

    docker 运行tomcat_docker和tomcat区别在学习狂神的docker内容网络学习这一步的时候,按照步骤启动tomcat镜像,但是执行ipaddr之后发现下面问题,经过分析这说明我们下载的Tomcat镜像是精简版的,利用这个镜像去打开一个容器的时候发现没有ipaddr这个命令。所以到导致我们上述报错。上图执行的命令敲错了,重新执行aptinstall-yiproute2…

    2022年7月27日
    11
  • nfc怎么复制门禁卡,有什么操作教程吗「建议收藏」

    nfc怎么复制门禁卡,有什么操作教程吗「建议收藏」现在居住小区很多都有门禁,也是为了提升一个更安全的居住环境,在忙碌的生活中,人们有时会忘记带手机、钥匙、门禁卡等,像忘记门禁卡,会导致进不了小区,这时候该怎么办呢,接下来由换换回收小编分享nfc怎么复制门禁卡的操作教程。nfc是一些安卓手机上才有的功能它不仅能充值公交卡还可以充当门禁卡使用,方法很简单支持NFC的手机基本都可以门禁卡,但是需要相关APP的适配才可以,比如华为小米都有相关模拟门禁的APP,小米钱包有模拟门禁卡功能,前提是手机自带nfc射频芯片,但是目前为了安全起见,使用该功能…

    2022年5月3日
    167
  • opencv gamma校正_opencv resize函数踩坑

    opencv gamma校正_opencv resize函数踩坑//链接https://blog.csdn.net/linqianbi/article/details/78617615//Gamma校正#include<iostream>#include<opencv2\core\core.hpp>#include<opencv2\highgui\highgui.hpp>#include<opencv2\imgproc\imgproc.hpp>#include<cm…

    2025年12月8日
    2
  • wordpress博客添加新浪微博挂件

    wordpress博客添加新浪微博挂件我一直想着把我的新浪微博嵌入到博客中,今天抽空到网上搜索了一下相关的插件,没有找到。后来看到了一篇如何把微博嵌入WordPress博客的方法,终于实现成功了。感谢分享这些的朋友们。一直想着把我的新浪微博嵌入到博客中,今天终于等来了这个功能的实现。想让你的博客读者顺带看看你的微博吗?新浪微博现在可以嵌入到多种博客之中了,这篇讲讲如何在w…

    2022年7月13日
    16
  • Android Studio 教程:入门开发第一个程序「建议收藏」

    Android Studio 教程:入门开发第一个程序「建议收藏」AndroidStudio教程:入门开发第一个程序2018.09.1114:3016005浏览开发第一应用可以开发属于自己的应用,是否有点小激动?好吧!让我们开始,首先点击StartanewAndroidStudioProject创建工程:接下来需要输入应用名称(第一个字母要大写)、公司域以及指定应用存放目录,点击Next按钮进入下一步:如果第一个字母…

    2022年6月1日
    38
  • .fvwm2rc_FV7205LAQBG

    .fvwm2rc_FV7205LAQBG#thisisabarebonessample.fvwm2rc/system.fvwm2rcfileforfvwm.#Itshouldbecustomizedbeforeinstall.Seeothersample.fvwm2rcfiles#forhints,aswellaspointersfromthevariouslinks

    2022年9月28日
    3

发表回复

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

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