iview的表格 render

view的表格   render

先看一下效果图

 

效果题

代码如下

 

render

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