iview中多选框单选实现方法

iview中多选框单选实现方法 123456789101112131415161718192021222324          …

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 // 解除禁用按钮
                    }
                  }
                }
              })
            ])
          }

作者: huanggr

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表 4人参与