热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

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

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

1
2
3


       


父组件js:

1
2
3
4
5
6
7
8
methods:{

            chooseT(msg){

                this.msg=msg

                this.selectedName=this.msg

                console.log(this.msg)//打印不出来,没有接受到子组件的传值

                console.log(this.selectedName)

            },

}

子组件js:

1
2
3
4
5
6
7
8
9
methods:{

            //由一点击事件触发

            chooseTreeItem(){

                    let el=event.target

                    let name=el.innerText

                    console.log(name)

                    this.$emit('chooseTreeItem',name)//向父组件传值

            },

}

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


推荐阅读
author-avatar
手机用户2502895475
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有