问答

elementui单选项想要正方形的选框,可以用多选框checkbox吗?

作者:admin 2021-09-17 我要评论

elementui单选项想要正方形的选框,可以用多选框 el-checkbox 吗?这样把最大值选成1可以吗? 还是说单选框就必须用单选按钮 el-radio 吗? 但是圆形按钮不好看...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

elementui单选项想要正方形的选框,可以用多选框el-checkbox吗?这样把最大值选成1可以吗?

image.png
还是说单选框就必须用单选按钮el-radio吗?
但是圆形按钮不好看。

###

覆盖一下el-radio__inner的样式岂不是更简单?

截屏2020-03-1917.33.23.png

截屏2020-03-1917.33.26.png

###

当然可以

  <el-checkbox
              :label="item.label"
              name="type"
              v-for="item in checkList"
              :key="item.value"
              @change="ladderChange"
            ></el-checkbox>
ladderChange () {
      if (this.checked.length > 1) {
        this.checked.shift();
      }
    }

选择的时候减去一个就可以当单选框用

###
<el-checkbox
  v-for="item in express.list"
  :key="item.id"
  :value="item.id === express.checked"
  @input="v => express.checked = (v ? item.id : 0) "
>
  {{ item.company_name }},{{ item.no }}
</el-checkbox>

也可以这样用

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • elementui单选项想要正方形的选框,可

    elementui单选项想要正方形的选框,可

  • Video.js 何如实现鼠标滑动进度条显示

    Video.js 何如实现鼠标滑动进度条显示

  • C#获取mongoDB的ObjectId 映射到对象中

    C#获取mongoDB的ObjectId 映射到对象中

  • webpack 打包如何处理重复的依赖?

    webpack 打包如何处理重复的依赖?

腾讯云代理商
海外云服务器