iview中Table的render用法大全

1、日期格式化（yyyy-MM-dd hh:mm:s）

{title: "格式化时间",key: "time",render: (h, params) => {let temp = ''if(params.row.time==null){temp = '无'}else{temp = new Date(params.row.time).format("yyyy-MM-dd hh:mm:s")}return h("div",temp);
}

2、不同字段渲染不同颜色

{title: "流程状态",key: "processStatus",align: "center",render: (h, params) => {let tmpStr = "";if (params.row.status == 3) {tmpStr = "拒绝";} else if (params.row.status == 2) {tmpStr = "通过";} else if(params.row.status == 1){tmpStr = "审核中";}else{tmpStr = "结束";}return h("span",{style: {color:params.row.status == 3 ? "#ff6600": params.row.status == 2 ? "#19be6b" : params.row.status == 1 ? "#2d8cf0" : "#a005fdb3"}},tmpStr);}},

3、渲染对象的属性

{title: "管廊名称",key: "tunnel",align: "center",render: (h, params) => {return h("div", params.row.tunnel.name);}
}

4、渲染select

    {title: '借用人',key: 'borrower',align: 'center',render: (h,params) => {return h('Select',{props:{value: this.staffs},on:{'on-change':(event)=>{}}},this.staffs.map((item)=>{return h('Option',{props:{value:item.id,label:item.name}})}))}}data(){return{staffs:[]}
},
mounted:{//获取借用人列表this.axios.get('staffs').then(res=>{let{ code,data } = res.dataif(code==200){this.staffs = data}})}

iview中Table的render用法大全相关推荐

table.render加入php传值,iView中Table通过render添加一个Input如何双向绑定数据
有一个Table: JS代码如下: export default { data(){ return { columns:[], data:[{name:11111,name2:'加工精度',value ...
iview中Table属性中的on-row-click属性
iview中Table属性中的on-row-click属性 on-row-click属性,在此后台系统中用来从左侧的table中选中一项,作为值传递给右侧的表格,右侧表格从拿到的数据,渲染出对应的列表 ...
iView中table表格中使用select选框和下拉菜单的方法
首先是iview的表格中使用select选框 {title: '适用区域',//纵列表头(类似于th)width:140, //列表每一格的宽度align: 'center', //ivew里面的写法 ...
iview table 自定义列_案例 | iview中Table：拖拽适配列、自定义固定列、合并行
文 / 景朝霞来源公号 / 朝霞的光影笔记 ID / zhaoxiajingjing ❥❥❥❥点个赞,让我知道你来过~❥❥❥❥ 0 / 更新Table "iview": &quo ...
iview中table返回的标签设置禁用
iview中自己不知到的知识问题,在export中render返回的Button标签怎么根据状态禁用欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页 ...
iview UI库中table的render函数
刚刚接触一个项目,一期使用的是iview,查看文档时发现并未介绍到render函数中类似createElement功能的用法,因此想做一个相关的分享,希望可以帮到跟我有类似需求的小伙伴们. iview ...
iView中Table组件通过render属性渲染自定义组件
// render函数的参数h代表creatElement函数,参数o代表三个属性值,具体查看iView文档 render(h,o) { // h函数的第一个参数代表要渲染的元素,可以是标签名称也可以 ...
Vue项目中Table设置 render 函数
statusList1: {0: "",1: "",2: "药品服务费收入",3: "特药服务费收入",4: " ...
python中转义符的用法大全_Python中的各种转义符\n\r\t
Python中属性和描述符的简单使用 Python的描述符和属性是接触到Python核心编程中一个比较难以理解的内容,自己在学习的过程中也遇到过很多的疑惑,通过google和阅读源码,现将自己的理解和 ...

iview中Table的render用法大全

iview中Table的render用法大全相关推荐

最新文章

热门文章