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


相关推荐

  • 世界读书日-读还是不读~[通俗易懂]

    一个人只拥有此生此世是不够的,他还应该拥有诗意的世界。——王小波今天是2020年的世界读书日,时间过的就是那么的快,不感概都不行!想想去年的时候,我在CSDN写了一篇 《程序世界,平凡的我》,写的是我读过的一本书《平凡的世界》,很多伙伴给我留言。我也在文章的结尾写了:平凡的世界这本书,让我喜欢上读书,确切的是喜欢上读小说,我之后也读过很多书籍,这些书籍在我人生的成长道路上让我能够做出…

    2022年2月28日
    116
  • Python练习题 025:判断回文数[通俗易懂]

    Python练习题 025:判断回文数[通俗易懂]【Python练习题025】 一个5位数,判断它是不是回文数。即12321是回文数,个位与万位相同,十位与千位相同。做题做到现在,这种题目已经很轻车熟路了。希望下一题能增加点难度啊~~~

    2022年7月5日
    22
  • 第二范式和bcnf范式区别(bcnf范式通俗解释)

    第一范式:数据库的每一列都是不可分割的基本数据项,强调列的原子性。即列不可以再拆分。第二范式:建立在第一范式的基础上,每一个非主属性要完全函数依赖于候选键(或者说是主键,任一个候选键都可以做主键)。即非主键列完全依赖于主键,而不能是依赖于主键的一部分,必须满足两个条件:1.必须有一个主键;2.没有包含在主键中的列必须完全依赖于主键,而不能只依赖于主键的一部分。第三范式(3NF)建立在第二范式的基础上,任何非主属性不依赖于其它非主属性。即每一个非主属性都不传递依赖于该范式的候选键。即非主键列只依赖于主键

    2022年4月16日
    63
  • java——异常

    java——异常

    2021年9月29日
    42
  • javascript trim_stripslashes()函数的作用

    javascript trim_stripslashes()函数的作用[code="java"]通过PHP验证表单数据我们要做的第一件事是通过PHP的htmlspecialchars()函数传递所有变量。在我们使用htmlspecialchars()函数后,如果用户试图在文本字段中提交以下内容:location.href(‘http://www.hacked.com’)-代码不会执行,因为会被保存为转义代码,就像这样:&…

    2022年8月30日
    3
  • 网络信息安全——访问控制「建议收藏」

    网络信息安全——访问控制「建议收藏」**访问控制**访问控制是给出一套方法,将系统中的所有功能标识出来,组织起来,托管起来,将所有的数据组织起来标识出来托管起来,然后提供一个简单的唯一的接口,这个接口的一端是应用系统一端是权限引擎。权限引擎所回答的只是:谁是否对某资源具有实施某个动作(运动、计算)的权限。返回的结果只有:有、没有、权限引擎异常了。访问控制是几乎所有系统(包括计算机系统和非计算机系统)都需要用到的一种技术。访问控制是按用户身份及其所归属的某项定义组来限制用户对某些信息项的访问,或限制对某些控制功能的使用的一种技术。

    2022年7月23日
    7

发表回复

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

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