iview的Table单选

iview的Table单选

 title: "选择",
      align: "center",
      render: (h, params) => {
        return h("Radio", {
          props: {
            value: params.row.tag          //添加一个tag属性
          },
          on: {
            "on-change": () => {
            //allDoctorData 绑定Table数据的数组即:data="allDoctorData"(可自定义)
              this.allDoctorData.forEach(items => {
                   //items.tag=false      错误，使用$set设置
                 
                this.$set(items, "tag", false);//正确
              });
              this.allDoctorData[params.index].tag = true;
              this.selectDocDate = params.row;
              console.log(this.selectDocDate,879)
            }
          }
        });
      }

render:(h,params)=>{} //h指dom对象，params指当前每一行数据（params.row就是每一行内容，params.index）.

return h()分为3部分，1.标签（span,div,radio）2.对象（{props,style,on}）props（type,value,size,比如iview的botton，size都有small，large等，type就有text）

on是事件（click，input,change）
3.内容（可以是固定的汉字，也可以是params.row.name）

radio:model指的是value，所以props是value，实现单选的远离就是，先增加一个tag字段，然后点击每一行之前都，把整个数据的tag字段都编程false，然后把当前这行的tag编程true.
switch,radio,checkbox,分别对应props是value,on是change，input,change