iview的表格 render

2023-03-08,,

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

iview的表格 render的相关教程结束。

《iview的表格 render.doc》

下载本文的Word格式文档,以方便收藏与打印。