ant vue 树形菜单横向显示_Ant Design Vue中Table组件行内右键菜单实现方法

最近做的一个项目是基于 vue + AntDesign 的。由于项目要求，需要在 Table 组件的行内点右键的时候弹出菜单。在线演示地址及最终效果图如下：

在线演示地址>>

首先新建一个Table组件的实例：

:columns="columns"

:rowKey="record => { return record.INDEX;}"

:dataSource="tableData"

/>

...

const columns = [

{

title: "序号",

dataIndex: "INDEX"

},

{

title: "主题大类",

dataIndex: "THEME"

},

{

title: "中文名称",

dataIndex: "CN_NAME"

},

{

title: "英文名称",

dataIndex: "EN_NAME"

}

];

...

data() {

return {

columns,

tableData: [

{ INDEX: 0, THE