iview的render函数渲染使用案例

1、如何使用div在同一个列中使用多个组件

在组件中嵌套组件，如果需要监听子组件的自定义事件，
应该使用render中的on:{
　　‘on-change’ () => {
　　　　console.log(‘这里会触发子组件的事件’)
　　}
}

代码：

{title: '开始时间', key: 'kssj',width:300,
            render: (h, params) => {
                return h('div', [
                    h('Date-Picker', {
                        props: {
                            type: 'datetime',
                            format: 'yyyy-MM-dd HH:mm:ss',
                            placeholder: '选择日期和时间',
                            value: params.row.kssj
                        },
                        style: {
                            marginRight: '5px'
                        },
                        on: {
                            'on-change': (val) => {
                                console.log('发布时间1')
                            }
                        }
                    }),
                    h('i-switch',{
                            props: {
                                size: 'large',
                                value: params.row.kssj=='1'?true:false
                            },
                            on: {
                                'on-change': function (flag) {
                                }
                            }
                        },
                                [h('span',{slot: "open",domProps:{innerHTML:'启用'}}),
                                h('span',{slot: "close",domProps:{innerHTML:'禁用'}})
                                ]
                        ),
                ])
            }
        },

@click.native=“info”

写在mounted: function () { 中的方法可以直接用this指向window的调用