Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
460 views
in Technique[技术] by (71.8m points)

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还有什么潜藏的坑?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

5/18更新

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...