如何在iview单元格中根据data内容渲染组件？

Question

iview官网例子中是在columns里渲染的组件，效果是整列都有对应的组件。

我现在data初始是空的，靠method获取的data。data中有一部分需要有按钮，另一部分没有按钮，判断条件比较复杂，所以想在method中判断。否则在columns中判断实在太麻烦了。

networkInterfacesStatusColumns: [
    {
        title: '接口',
        key: 'interface'
    },
    {
        title: '地址',
        key: 'interface'
    },
    {
        title: '状态',
        key: 'state'
    },
    {
        title: '配置',
        key: 'button',
    }
],
networkInterfacesConfig: [
]

let networkInterfacesConfigJson = res.data;
    for (let NetworkInterfaceName in networkInterfacesConfigJson) {
        let editButton = () => {
            return createElement('<Button type="primary">Primary</Button>');
        };

        let NetworkInterfaceInfo = {
            interface: NetworkInterfaceName,
            state: networkInterfacesConfigJson[NetworkInterfaceName].state,
            button: editButton,
        };
        console.log(NetworkInterfaceInfo);
        
        this.networkInterfacesConfig.push(NetworkInterfaceInfo);
    }

因为没有createElement这个参数，也不能调用document.createElement，所以现在不知道怎么搞了。