vue 显示和隐藏

 <el-menu default-active="1" text-color="#999999" style="text-align: center;">
        <el-menu-item index="1" @click="type = 'onlyImg'">
          <span slot="title">图片</span>
        </el-menu-item>
        <el-menu-item index="2" @click="type = 'onlyTxt'">
          <span slot="title">文字</span>
        </el-menu-item>
        <el-menu-item index="3" @click="type = 'imgTxt'">
          <span slot="title">图片+文字</span>
        </el-menu-item>
      </el-menu>
    </el-aside>

    <!-- 右侧 -->
    <el-main style="padding: 0px;">
      <only-img v-if="type == 'onlyImg'"></only-img>
      <only-txt v-if="type == 'onlyTxt'"></only-txt>
      <img-txt v-if="type == 'imgTxt'"></img-txt>
    </el-main>