How do I add a drop-down menu to the Table table in iview?

how do I add a drop-down menu to the table 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","")
                               ])
                       
                       
                       ])
                   
                   
                   
                ]);
            }

this is the render function, but the effect is as follows:
clipboard.png

clipboard.png
what a professional should do

Mar.28,2021

h ('DropdownMenu', {

)
 slot:"list"

}


ask, can this effect be integrated into the kind that you can click and drop down, and then you can choose it? how to do it?


the link is invalid. Can you tell me how to solve it?


  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)
            }
          }
        }, '')
      ])
    ])
  ])
Menu