做了一个下拉树插件。下拉框(父组件)引用树状插件(子组件),然后点击选中子组件中,将值传送给父组件。
父组件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还有什么潜藏的坑?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…