首页 > 其他分享 >ant-design-vue a-table在scope-slot中获取column中的key

ant-design-vue a-table在scope-slot中获取column中的key

时间:2023-02-04 14:33:05浏览次数:48  
标签:slot vue title column ant key

通过{{column.key}}获取key

<template slot="dwAction" slot-scope="text, record, index, column" style="text-align: center">
	{{column.key}}
</template>

column

title: "title",
key:  "key",
scopedSlots: { customRender: 'dwAction' },

标签:slot,vue,title,column,ant,key
From: https://www.cnblogs.com/marchxd/p/17091426.html

相关文章

  • vue.js客服系统实时聊天项目开发(二十一)vue项目中引入静态资源
    Vue中使用静态资源的方式有以下几种:直接使用URL地址:在模板中直接使用静态资源的URL地址即可,如:<imgsrc="https://example.com/img/logo.png"alt="Logo">使......
  • vue-seamless-scroll(一个简单的基于vue.js的无缝滚动)
    一般在数据可视化项目中经常会看到无缝滚动的表格,即轮播表,我们可以使用 vue-seamless-scroll来实现,使用起来也很方便 vue-seamless-scroll官网:​​vue-seamless-scroll​......
  • vue.js客服系统实时聊天项目开发(二十)vue项目框架目录结构
    在之前的文章里没有介绍vue项目的目录结构,现在来介绍一下Vue项目的目录结构通常如下:.|--public||--favicon.ico||--index.html|--src||--assets|......
  • vue.js客服系统实时聊天项目开发(十九)使用正则将消息格式替换为产品卡片信息
    我们客服系统的消息列表中,会有产品卡片展示,这个是怎么实现的呢  产品信息其实就是下面这个字符串product[{"title":"纯坚果零食大礼包一整箱干果类网红爆款解馋小......
  • vue(五)-cnblog
    vue(五)1.动态组件组件的显示与隐藏切换1.1<component>组件组件的一个占位符通过设置属性来显示不同的组件is属性来指定要显示哪个属性示例<template><di......
  • vue(八)头条项目-cnblog
    vue(八)头条项目1.项目结构根据vuecreatemy-toutiao创建项目勾选上router2.生成的项目中的view文件夹和compoent文件夹都是用于存放组件view中的组件是通过路由......
  • Vue(六)-cnblog
    Vue(六)1.前端路由hash值与组件之间的对应关系hash值代表url地址中#号后面的内容,不同的hash地址对应不同的组件图解1.2简易路由<template><divclass="ap......
  • vue3
    Vue3的特性1.新的构建工具vite1.2基本使用vite基本使用:创建项目npminitvite-app项目名称或者yarncreatevite-app项目名称安装依赖npmi或者yarn启......
  • 1、配置vue项目支持es6语法-cnblog
    一些注意点1、配置vue项目支持es6语法在package.json文件中新增type节点package.json{"type":"module",}2.Vuex的挂载Vue.use方法调用了一个install的......
  • vue3 与vue2的区别-cnblog
    vue3与vue2的区别1.template节点vue2只允许一个根节点vue3允许多个根节点2.创建工具vue3:使用vite,也可使用vue-clivue2:使用vue-clivite创建3.调试工......