vue2.0子组件给父组件传值不起作用

做了一个下拉树插件。下拉框(父组件)引用树状插件(子组件),然后点击选中子组件中,将值传送给父组件。
父组件html:

<ul>
   <Item @chooseTreeItem="chooseT" ></Item>
</ul>

父组件js:

methods:{
            chooseT(msg){
                this.msg=msg
                this.selectedName=this.msg
                console.log(this.msg)//打印不出来,没有接受到子组件的传值
                console.log(this.selectedName)
            },
}

子组件js:

methods:{
            //由一点击事件触发
            chooseTreeItem(){
                    let el=event.target
                    let name=el.innerText
                    console.log(name)
                    this.$emit('chooseTreeItem',name)//向父组件传值
            },
}

前面用此方法已传成功过,但是这个地方却不行。用工具测试了,子组件事件已提交,但是父组件却没接收,不知道为什么,已经反反复复检查过好几遍了,不知道vue2.0还有什么潜藏的坑?

阅读 3.2k
1 个回答

5/18更新

原因是html的属性是不区分大小的,所以aB==ab,但在$emit是区分大小写的,所以需要把字母都改为小写才能正确触发事件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题