vue项目 elmentUI点击多个复选框显示多个复选框对应的内容区

时间：2020-07-24 12:16:22 阅读：129 评论：0 收藏：0 [点我收藏+]

点击复选框里面的值的时候显示不同的内容区假如我多选的时候显示多选的内容区
假如我选中二将和海波的复选框，那么我就显示内容区俏货二将和俏货海波要是全部都选中就都显示全部俏货的内容区

<el-checkbox-group v-model="qiaoHuo">

<el-checkbox label="东江"></el-checkbox>

<el-checkbox label="燕云"></el-checkbox>

<el-checkbox label="二将"></el-checkbox>

<el-checkbox label="海波"></el-checkbox>

</el-checkbox-group>

<div>

<div v-if="qiaoHuo.indexOf(‘东江‘)>-1">这是内容区俏货东江</div>

<div v-if="qiaoHuo.indexOf(‘燕云‘)>-1">这是内容区俏货燕云</div>

<div v-if="qiaoHuo.indexOf(‘二将‘)>-1">这是内容区俏货二将</div>

<div v-if="qiaoHuo.indexOf(‘海波‘)>-1">这是内容区俏货海波</div>

</div>

data () {

return {

qiaoHuo: [],

}

在实际项目只需按真实数据v-for循环即可亲测有效

原文：https://www.cnblogs.com/tahexiyang/p/13370945.html

踩

(0)

评论一句话评论（0）

分享档案

更多>