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

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

    <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循环即可 亲测有效