Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
592 views
in Technique[技术] by (71.8m points)

使用ant-design-vue的table组件,部分table列通过自定义插槽渲染内容,如何获取当前列的key

项目使用ant-design-vue,通过antd提供的scopedSlots: { customRender: 'columnName' }和v-slot搭配的方式来展示部分列的自定义内容。

存在一种可能的情况:这个table组件是多个页面共用的table模板,且当一个页面里有2个或者多个列同时使用一个自定义插槽内容时,执行插槽里的事件时该如何获取当前的列的key或者字段key。

例子:
image.png
字段name和age共用一个插槽,当点击插槽content1的内容时,我要如何区分这事件是在name列还是在age列执行的,之后才能进行后续的业务逻辑。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

把key传进点击的回调?@click="onClick(key)"


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...