iview table中使用radio的单选（iview 表格单选按钮功能的实现）

最新推荐文章于 2022-03-29 17:07:34 发布

zql_ll

最新推荐文章于 2022-03-29 17:07:34 发布

阅读量1w

点赞数 4

分类专栏： iview vue

本文链接：https://blog.csdn.net/qq_41994549/article/details/86063165

版权

vue 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

iview

13 篇文章 0 订阅

订阅专栏

第一步先定义个

currentid：0

然后

{
            title: '选择',
            key: 'chose',
            width: 70,
            align: 'center',
            render: (h, params) => {
              let id = params.row.idjishi;
              let flag = false;
              if (this.currentid === id) {
                flag = true
              } else {
                flag = false
              }
              let self = this
              return h('div', [
                h('Radio', {
                  props: {
                    value: flag
                  },
                  on: {
                    'on-change': () => {
                      self.currentid = id
                      this.id_jishi = params.row.idjishi
                    }
                  }
                })
              ])
            }
          },