关于vue.js:Ant-Design-Vue-使用-atable-的时候指定列的时候可以使用

105次阅读

共计 466 个字符,预计需要花费 2 分钟才能阅读完成。

Ant Design Vue 应用 a-table 的时候,指定列的时候,能够应用

{

  title: 'Action',
  key: 'action',
  slots: {customRender: 'action',},
},

其中的 slots 是什么用法?


在 Ant Design Vue 中,a-tablecolumns 属性用于指定表格的列信息。而 slots 属性能够让咱们在表格的某些列中插入自定义的内容。具体来说,slots 属性用于指定特定列的插槽名,以及与该插槽名相关联的自定义渲染函数。

在你提供的代码中,slots 属性的作用是指定 customRender 插槽名,并将其关联到名为 action 的自定义渲染函数。这样,当 Ant Design Vue 渲染表格时,会主动调用该函数并将表格中以后行的数据作为参数传入,最终生成该列对应的内容。在这个例子中,action 列中的内容就是自定义渲染函数 customRender 返回的内容。

须要留神的是,在应用 slots 属性时,须要在模板中应用对应的插槽标签(如 template #customRender)来定义自定义渲染函数的内容。

正文完
 0