在vue中怎么点击添加组件

时间:2024-10-12 21:44:25

1、当我点击了子组件(粉色盒子)后本想着打印出来其父组件的名称‘Hello’,但是却并没有任何东西打印出来

在vue中怎么点击添加组件

2、随后我在子组件上注册了一个点击事件,再次对其进行点击,这回打印的结果是子组件自己的名字‘common’

在vue中怎么点击添加组件

3、通过上两步的测试,我发现如果想在子组件上直接监听父组件的点击事件无法成功

在vue中怎么点击添加组件

4、解决方法很简单,其实在父组件中注册点击事件的时候加一个.native修饰符就可以了。

在vue中怎么点击添加组件

5、根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。

在vue中怎么点击添加组件

6、但父组件想在子组件上监听自己的click的话,需要加上.native修饰符.然后再次执行代码既可。

在vue中怎么点击添加组件
© 手抄报圈