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的数据传递到表单中

posted @   zongkm  阅读(125)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示