作者:手机用户2502895475 | 来源:互联网 | 2024-10-21 11:55
做了一个下拉树插件。下拉框(父组件)引用树状插件(子组件),然后点击选中子组件中,将值传送给父组件。
父组件html:
父组件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还有什么潜藏的坑?