子组件A通过点击按钮事件传值给父组件,然后再把值从父组件传给子组件B,请问为什么只有第一次点击按钮的时候子组件B收到值了,以后多次点击按钮事件都不管用了。刷新的话还是只有第一次可以接收到值。
代码如下:
子组件A按钮点击传值事件:
goIndex(){
this.$emit('gogo','a');
}
父组件接收代码:
HTML:
<componentsA @gogo = "button" >子组件A</componentsA>
<componentsB :child-tab = "isAddedTab" >子组件B</componentsB>
JS:
export default {
data () { return { isAddedTab:'' } }, components: { moneyDetails, settings }, methods: { button(e){ console.log(e); this.isAddedTab = e; }, }
}
子组件B接收值:
props: ['childTab'],
watch: {
childTab(v){ console.log(v);//这个v只有第一次点击子组件A按钮可以打印出来,再次点击按钮就打印不出来了 }
},
相关分类