解决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)
                                                                        })
                                                                    ),
                                                                ])
                                                            ])

                                                        ])
                                                    }
                                                },

结果:

猜你喜欢

转载自blog.csdn.net/yang__k/article/details/95218065
今日推荐