vue给列表渲染效果 (不理解部分)
{
title: '我是标题',
dataIndex: 'cameraNum',
customRender: ({ record }) => record.cameraNum || 0
},
当列表取值为空,没有效果的时候,可以用customRender
生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引,当前列
Function({text, record, index, column}) {}
不理解为什么参数名可以随便起,如果这样要如何判断呢
title: '结果',
children: [
{
title: '未',
key: 'notInspectionNum'
},
{
title: '正常',
key: 'normalNum'
},
<template v-if="column.key === 'notInspectionNum'">
<slot name="notInspectionNum" :record="record" />
</template>
<template v-if="column.key === 'normalNum'">
<slot name="normalNum" :record="record" />
</template>
在模板内做了一个判断,xxx.key的值是xx11时
在数据传递的地方key的值为xxll,又因为模板内做了一个插槽,:record="record",此时record的数据传递到表单中
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了