【Vue】iviewui 表格中使用 Dropdown 无法渲染正常

Z时代
2024-01-10
分类：技术分享

在iview 中的表格列上使用 Dropdown 无法渲染

h('Dropdown',
[
h('Button','更多'),
h('DropdownMenu',{
props:{
slot:'list'
},
},[
h('DropdownItem','dddd')
])
],{
props: {
placement: 'bottom'
}
},)

请问怎么使用？？？

回答

h('Dropdown',

              [
                h('Button','更多'),
                h('DropdownMenu',{
                    slot:'list'
                },[
                  h('DropdownItem','dddd')
                ])
              ],{
                props: {
                  placement: 'bottom'
                }              },)

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