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 @ 2022-08-11 14:57  zongkm  阅读(136)  评论(0)    收藏  举报