解决iview嵌套table里面的dropdown下拉菜单显示不完全

 

1.给dropdown设置 transfer=true,即可

{
                                                    align: 'center',
                                                    width: 90,
                                                    key: 'aaa',
                                                    render: (h, params) => {
                                                        let kk = this;
                                                        return h('div', [
                                                            h('div', {
                                                                style: {
                                                                    display: 'inline-block',
                                                                    marginTop: '5px',
                                                                    marginLeft: '-5px',
                                                                    fontSize: '14px',
                                                                }
                                                            }, params.row.pos),
                                                            h('div', {
                                                                style: {
                                                                    display: 'inline-block',
                                                                    float: 'right'
                                                                }
                                                            }, [
                                                                h('dropdown', {
                                                                    props: {
                                                                        transfer:true,
                                                                        trigger: 'click',
                                                                        value: params.row.pos
                                                                    },
                                                                    on: {
                                                                        'on-click': (name) => {
                                                          
                                                                        }
                                                                    }
                                                                }, [
                                                                    h('a', [
                                                                        h('div', [
                                                                            h('div', {
                                                                                class: {
                                                                                    drad: true,
                                                                                },
                                                                                on: {

                                                                                }
                                                                            })
                                                                        ])
                                                                    ]),
                                                                    h('dropdown-menu', {
                                                                            slot: 'list'
                                                                        },
                                                                        cc.person.map(function (item) {
                                                                            let it = {
                                                                                name: item.approval_person_type,
                                                                                id: item.id
                                                                            }
                                                                            return h('dropdown-item', {
                                                                                props: {
                                                                                    name: it,
                                                                                }
                                                                            }, item.approval_person_type)
                                                                        })
                                                                    ),
                                                                ])
                                                            ])

                                                        ])
                                                    }
                                                },

结果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值