element-ui 多选实现单选效果

最新推荐文章于 2024-08-19 13:13:23 发布

2401_84868241

最新推荐文章于 2024-08-19 13:13:23 发布

阅读量322

点赞数 1

CC 4.0 BY-SA版权

分类专栏： element-ui 文章标签： ui vue.js javascript

本文链接：https://blog.youkuaiyun.com/2401_84868241/article/details/138565586

1、html

     <div class="screen-item">
        <span class="screen-label">特色标签：</span>
        <div
          class="screen-time"
          style="height: 32px; display: flex; align-items: center"
        >
          <el-checkbox-group
            v-model="platformType"
            @change="handleCheckboxChange"
          >
            <el-checkbox :label="1">日报</el-checkbox>
            <el-checkbox :label="2">周报</el-checkbox>
            <el-checkbox :label="3">月报</el-checkbox>
            <el-checkbox :label="4">深度报告</el-checkbox>
          </el-checkbox-group>
        </div>
      </div>

2、data