核心代码片段

左侧的radio是用render渲染出来的 。一般比较难的就是控制按钮的选中与切换。

先定义一个currentId;点击时判断是否等于当前的id，通过props传值实现。

currentId:'0',
      columnsName: [
        {
          title: "选择",
          key: "choose",
          width: 70,
          align: "center",
          render: (h, params) => {
            let id = params.row.id;
            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;
                  }
                }
              })
            ]);
          }
        },