$emit 仅在第一次点击时有效

Question

我正在做一个小项目，我使用 Vuejs 创建了一个组件，我的 $emit 只有一个小问题。只工作一次（只是第一次点击）我的意思是我只在第一次点击时收到我的（this.node），而不是第二次我必须刷新页面并再次点击

这是我的代码：

    <template>
    <div class="folder">
        <div @click="init" :style="{'margin-left': `${depth * 10}px`}">
            <span v-if="hasChilden">
                <i class="fas font-size-16 text-warning" :class="(expanded == true) ? 'fa-folder-open' : 'fa-folder'"></i>
            </span>
            {{node.name}}
        </div>
        <template v-if="expanded">
            <tree-browser :depth="depth + 1" :node="child" v-for="child in node.children" :key="child.id" :id="child.id"/>
        </template>
    </div>
</template>

<script>
export default {
    name: 'treeBrowser',
    props: {
        node: Object,
        depth: {
            type: Number,
            default:0
        }
    },
    data(){
        return {
            expanded: false,
            s: null
        }
    },
    computed:{
        hasChilden(){
            return this.node.children;
        }
    },
    methods:{
        init(){
            this.expanded = !this.expanded
            return this.$emit('do', this.node);
        }
    }
}
</script>

<style scoped>
.folder{
    cursor: pointer;
}
</style>

我收到这样的 $emit ( <my-component @do="myfunc"/> )

myfunc(x){
    console.log(x)   // works only in the first click
}