Vue2中 props 和 emit进行父子传值,ref取值

技术分享
528 2

props 和 emit进行父子传值,ref取值

@click="$emit('login',false)"

emit进行子传父值

$emitVue实例上的方法之一,用于触发自定义事件。第一个参数是要触发的事件名称,而第二个参数是传递给事件处理程序的数据。在这个例子中,事件名称是'login',并且传递了一个布尔值false作为数据。

所以,当绑定了这个点击事件的元素被点击时,会触发一个名为'login'的自定义事件,并且传递布尔值false作为参数。相应的事件处理程序可以在Vue组件中使用$on方法来监听并处理这个事件

$emit的使用

子组件中使用@click="add"进行传入,那么父组件要使用@add进行接受,例如@add="addsss",这个addsss是一个自定义的函数名称,在methods中接受的时候要用一个变量进行接受例如在methods中写入addsss(a)就可以接受到子模块传入的值

父组件接收参数

props进行父传子值

props进行父传子值

props:{list:Array }

props:['list'] //两种写法键值对形式或者列表形式

向子模块中传值

一图看懂ref传值

一图看懂ref传值

最后更新 2023-08-01
评论 ( 2 )
OωO
隐私评论
  1. 1 2
    1 2
    3个月前广东省阳江市回复
    1. 1 2
      @1 2

      嘿嘿 又来看看你的网站了

      3个月前广东省阳江市回复