在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中怎么点击添加组件
  • 如何使用bootstrap实现年月日的时间选择
  • 御龙在天披风怎么获得
  • 明日方舟里不用输名字添加好友的方法
  • 生化危机5怎么把MOD改成别人的
  • 神回避1通关攻略第29关
  • 热门搜索
    道德手抄报 关于春节手抄报的内容 手抄报花边简单图案 一年级小学生手抄报 绿色上网手抄报内容 感恩亲情手抄报 感恩的心手抄报大全 垃圾分类的手抄报 红旗渠精神手抄报 数学手抄报内容六年级