element 组件的点击不同的el-radio怎么切换到不同的div

Question

element 组件的点击不同的el-radio怎么切换到不同的div

<el-form-item label="活动类型 " prop="status">
                <el-radio-group v-model="ruleForm.status">
                    <el-radio label="图片 "></el-radio>
                    <el-radio label="视频 "></el-radio>
                    <el-radio label="游戏 "></el-radio>
                </el-radio-group>
            </el-form-item>
            <div class="b1">这是内容区1</div>
            <div class="b1">这是内容区2</div>
            <div class="b1">这是内容区3</div>

Answer 1

<el-radio-group v-model="ruleForm.status">
                    <el-radio label="图片 "></el-radio>
                    <el-radio label="视频 "></el-radio>
                    <el-radio label="游戏 "></el-radio>
                </el-radio-group>
            </el-form-item>
            <div class="b1" v-if="ruleForm.status == '图片'">这是内容区1</div>
            <div class="b1" v-if="ruleForm.status == '视频'">这是内容区2</div>
            <div class="b1" v-if="ruleForm.status == '游戏'">这是内容区3</div>

Answer 2

我这次用了复选框 然后假如我选中的是全屏 那么我对应的是是广告内容区1 那么我多选的时候 就显示多选的内容区 我用了你那个方法不太行

            <el-form-item label="请选择本活动需要的广告位 " prop="activtyad" class="activtyad" >
                    <el-checkbox-group v-model="ruleForm.activtyad" >
                        <el-checkbox label="全屏"></el-checkbox>
                        <el-checkbox label="底部横条"></el-checkbox>
                        <el-checkbox label="商品位"></el-checkbox>
                        <el-checkbox label="制作等待页"></el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
            <div class="ab-containers">
                <div  v-if="ruleForm.activtyad=='全屏'">这是广告内容区1</div>
                <div  v-if="ruleForm.activtyad=='底部横条'">这是广告内容区2</div>
                <div  v-if="ruleForm.activtyad=='商品位'">这是广告内容区3</div>
                <div  v-if="ruleForm.activtyad=='制作等待页'">这是广告内容区4</div>
            </div>