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>