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父页面传值到子页面

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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 支持向量机SVM、支持向量回归SVR详细推导「建议收藏」

    支持向量机SVM、支持向量回归SVR详细推导「建议收藏」文章详细介绍了支持向量机SVM及其拓展,支持向量回归SVR.并从线性分类和非线性分类的角度出发,详细推导了硬间隔、软间隔和核函数的支持向量机。

  • npm 更换包源

    npm 更换包源一、前言在每一次的实际开发过程中,我们都会下载相关的依赖包,最官方的是npm,但是该服务器对于国内开发者来说,下载起来是比较慢的,所以我们需要换源。(有梯子或者信任官网的请忽略)二、cnpm:国内对npm的镜像版本/**cnpm官网地址:https://npm.taobao.org/*cnpm的大多命令跟npm的是一致的,比如安装,卸载这些*/npminstall-gcnpm–registry=https://registry.npm.taobao.org

  • linux下mysql命令

    linux下mysql命令1.linux下启动mysql的命令:mysqladminstart/ect/init.d/mysqlstart(前面为mysql的安装路径)2.linux下重启mysql的命令:mys

  • 代码加密 android,Android 开发怎样做代码加密或混淆「建议收藏」

    代码加密 android,Android 开发怎样做代码加密或混淆「建议收藏」原标题:Android开发怎样做代码加密或混淆对于Android开发技术人员来说,隐藏代码或是混淆代码至关重要。试想自己辛辛苦苦赶工出来的产品,被其他开发者反编译后轻松拿走。放在哪里都是一件让人崩溃的事情。华清创客学院Android开发讲师在这里和读者一起交流一下怎样做代码加密或混淆这个问题?Android开发怎样做代码加密或混淆:通常来说Proguard对一般用途来说足够了,但是也需要注意…

  • SQL Server 日期 字符串 格式转换 函数 datetime convert「建议收藏」

    SQL Server 日期 字符串 格式转换 函数 datetime convert「建议收藏」文章目录IntroSQLOthersIntro对某些表格数据进行查询时,常常有按照时间进行列值过滤的需求。SQLSQLServer内置函数CONVERT(data_type(length),data_to_be_converted,style)常见的两种转换需求:1.日期–>字符串2.字符串–>日期SQLselectgetdate(); –datetime–datetime–>stringdeclare@dateti

发表回复

您的电子邮箱地址不会被公开。

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