实现点击一个选框使得一个组件的可选性修改

最新推荐文章于 2024-07-22 22:58:19 发布

码农小王123123

最新推荐文章于 2024-07-22 22:58:19 发布

阅读量206

点赞数

文章标签： java 前端

本文链接：https://blog.csdn.net/m0_56666791/article/details/134555655

版权

实现效果

在这里插入图片描述

代码

html

<div class="divrow">
  <el-checkbox-group v-model="isSendTag" :max="1">
    <el-checkbox v-for="(item, index) in isSendTagOptions" :key="index" :label="item.value">{{
      item.label }}</el-checkbox>
  </el-checkbox-group>
  <span style="font-size:medium;margin-left: 1vw;">使用标签发送：</span>
  <el-checkbox-group v-model="tagId">
    <el-checkbox v-for="(item, index) in tagidOptions" :key="index" :label="item.value" :disabled="isTagDisabled">{{
      item.label }}</el-checkbox>
  </el-checkbox-group>
</div>

//发送是否使用标签选择
var isSendTagOptions = [{
  "label": "",
  "value": 2
}]

var tagidOptions = [{
  "label": "全部用户",
  "value": 1
}, {
  "label": "管理员",
  "value": 2
}, {
  "label": "普通用户",
  "value": 3
}]
const isTagDisabled = computed(() => !isSendTag.value.includes(2));