怎样在iview的Table表格中添加下拉菜单？

Question

我怎么在table表格里面添加下拉菜单

render: (h, params) => {
                return h('div', [
                    h('Button', {
                        props: {
                            type: 'primary',
                            size: 'small'
                        },
                        style: {
                            marginRight: '5px'
                        },
                        on: {
                            click: () => {
                                this.show(params);
                            }
                        }
                    }, '详情'),
                    h('Button', {
                        props: {
                            type: 'error',
                            size: 'small'
                        },
                         style: {
                            marginRight: '5px'
                        },
                        on: {
                            click: () => {
                               if(window.confirm('你确定删除该员工信息吗？')){
                                     //alert("确定");
                                     const index=params.index;
                                     
                                     console.log(this.data3[index].userid);//删除用户的ID
                                     axios.post(//发送数据，重新获取database3
                                    
                                     )
                                     this.data3.splice(index, 1);
                                     
                                  }else{
                                     //alert("取消");
                                     return false;
                                 }
                            }
                        }
                    }, '刪除'),
                  
                      h('Button', {
                        props: {
                            type: 'error',
                            size: 'small',
                        },
                        style: {
                            marginRight: '5px'
                        },
                        on: {
                            click: () => {
                                this.change(params);
                            }
                        }
                    }, '更多'),
                    
                       h('Dropdown',[
                               h('Button','下拉菜单'),
                               h('DropdownMenu',{
                                   props:{
                                       slot:"list"
                                   },
                               },[
                               h('DropdownItem','驴打滚'),
                               h('DropdownItem','驴打滚')
                               ])
                       
                       
                       ])
                   
                   
                   
                ]);
            }

这是render函数，但是出来的效果却是这样的

我想要的是这样的效果

职业哥该怎么做

Answer 1

h('DropdownMenu',{

 slot:"list"

}

Answer 2

请教一下，这个效果能不能整成点击下拉，然后能选择的那种，怎么做？

Answer 3

链接失效了，楼主能说一下怎么解决的吗

Answer 4

  h('Dropdown', {
    style: {
      marginLeft: '5px'
    },
    on: {
      'on-click': (value) => {
        console.log(value)
      }
    }
  }, [
    h('div', {
      class: {
        member_operate_div: true
      }
    }, [
      h('Button', {
        props: {
          type: 'primary',
          size: 'small'
        }
      }, [
        h('span', '更多'),
        h('Icon', {
          props: {
            type: 'arrow-down-b'
          },
          style: {
            marginLeft: '5px'
          }
        })
      ])
    ]),
    h('DropdownMenu', {
      slot: 'list'
    }, [
      h('DropdownItem', {
        props: {
          name: 'edit'
        }
      }, [
        h('Button', {
          props: {
            type: 'primary',
            size: 'small'
          },
          style: {
            display: 'inline-block',
            width: '76px'
          },
          on: {
            click: () => {
              this.openEditUserDialog(params.row, params.index)
            }
          }
        }, '编辑')
      ])
    ])
  ])