<template>
<div class="messageItem" style="height:540px;overflow-y:auto;">
<div class="oneMsg" style="font-size:18px">
<span class="case" >水果分类</span>
<el-radio-group v-model="indexstyle" style="margin-left:10px;">
<el-radio :label="1">水果一</el-radio>
<el-radio :label="2">水果二</el-radio>
<el-radio :label="3">水果三</el-radio>
<el-radio :label="4">水果四</el-radio>
</el-radio-group>
<div class="change" style="margin-top: 20px">
<comecase v-if="indexstyle == 1"></comeCase>
点击单选项显示不同内容(Vue)
![](https://img-home.csdnimg.cn/images/20240711042549.png)