vue组件传值问题

子组件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按钮可以打印出来,再次点击按钮就打印不出来了
 }

},


桃花长相依
浏览 756回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js