1.子组件有个“@click="collapseStatus”点击事件， 然后父组件中的“v-bind:class="{ 'left230' : changeleft, 'left64': !changeleft}"” 会随着点击事件改变宽度，
但是点击没有反应， 宽度一直默认是left230宽度
不知道为什么

2.代码如下：

子组件

<div class="iscollapse fl"  @click="collapseStatus">
    <i class="iconfont magicship-daohanglanmoshi02"></i>
</div>

<script>
//import Bus from "Bus.js";
export default {
    name: 'Topnav',
    data () {
        return {
          changewidth: true,
        }
    },
    methods: {
         collapseStatus: function () {//点击事件
             this.$bus.$emit('collapseBtnClick' );
             this.$emit('ShowChild',this.changeleft);
            this.changewidth = !this.changewidth;
        },
    },



}
</script>

父组件

<template>
    <el-container>
      <el-aside width="auto"><Leftnav></Leftnav></el-aside>
      <el-container>
        <el-header height="50px"><Topnav></Topnav></el-header>
        <el-main v-bind:class="{ 'left230' : changeleft, 'left64': !changeleft}" 
                  v-on:ShowChild="ShowChild"
                  
                 >Main</el-main>
      </el-container>
    </el-container>

</template>

<script>
import Topnav from '../components/Topnav.vue'
import Leftnav from '../components/Leftnav.vue'
export default {
      name: 'Index',
      components:{
        Topnav,    
        Leftnav,
    },
    data () {
        return {
             changeleft: true,
        }
    },
    methods: {
        ShowChild: function (changeleft) {
             //this.changeleft = !this.changeleft
             console.log('1')

         }
    }
    

}
</script>

3.问题：console.log('1') 没有反应，好像是ShowChild没有进行下去，但是子组件到子组件点击切换就可以，父组件就不行，