国瑞前端
当前位置: Vue > iview中多选框单选实现方法

iview中多选框单选实现方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
          render: (h, params) => {
            return h('div', [
              h('Checkbox', {
                props: {
                  value: params.row.checkBox
                },
                on: {
                  'on-change': e => {
                    console.log(e)
                    let self = this
                    this.list.forEach(items => {
                      // 先取消所有对象的勾选,checkBox设置为false
                      this.$set(items, 'checkBox', false)
                      self.isDisabled = true // 禁用按钮
                    })
                    if (e) {
                      this.list[params.index].checkBox = e // 再将勾选的对象的checkBox设置为true
                      self.isDisabled = false // 解除禁用按钮
                    }
                  }
                }
              })
            ])
          }

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

赞(14) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

5 条评论关于"iview中多选框单选实现方法"

最新评论

  1. 11
    Windows 10 Chrome 74.0.3729.108

    111

    1. 国瑞个人博客
      Windows 10 Chrome 74.0.3729.108

      @11做啥子呢

  2. 哈哈哈哈
    Android Chrome 63.0.3239.83

    list是什么呢?我用的默认的多选type:'selection'.

    1. 国瑞个人博客
      Windows 10 Chrome 76.0.3809.100

      @哈哈哈哈这个是我从项目列表直接复制出来的所以,可能就看着不完整,list是我请求的数据

  3. 12
    Windows 10 Chrome 79.0.3945.88

    为什么我的foreach会报错
    Error in v-on handler: "TypeError: Cannot read property 'forEach' of undefined"

  4. 暂无留言哦~~

博客简介

国瑞个人博客: https://www.huanggr.cn/,我们关注Web前端开发技术,web前端开发,移动前端开发,前端资讯,同时分享前端资源和工具等,期待你的参与,了解更多..

博主独立研发主题:

广告

广告

广告

广告

精彩评论

广告

站点统计

  • 文章总数: 334 篇
  • 草稿数目: 86 篇
  • 分类数目: 28 个
  • 独立页面: 5 个
  • 评论总数: 109 条
  • 链接总数: 10 个
  • 标签总数: 111 个
  • 注册用户: 176 人
  • 访问总量: 8,667,915 次
  • 最近更新: 2021年7月21日
服务热线:
 

 QQ在线交流

 旺旺在线