iview 在Table组件render 中使用Poptip组件 阿星小栈

 

            render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {type: 'error', size: 'small'},
                                },[
                                    h('Poptip', {
                                        props: {
                                            confirm: true,
                                            transfer: true,
                                            placement: 'left-end',
                                            title: '确定要删除吗!',
                                            type: 'error',
                                            size: 'small',
                                            width: '300',

                                        },
                                        on: {
                                            'on-ok':  ()=>{
                                                this.$Message.info('点击了确定')
                                            },
                                            'on-cancel': function(){
                                                this.$Message.info('点击了取消')
                                            }
                                        }
                                    }, '删除')
                                ]),
                            ]);
                        }

 

效果

 

posted @ 2018-04-26 19:12  阿星小栈  阅读(995)  评论(0编辑  收藏  举报