vue createElement中怎麽綁定v-if

Question

1.想要使用vue的createElement生成一个template中包含v-if?
2.想要生成的dom

  // 上方一個Spin
   <Spin
      size="large"
      fix
      v-if="spinShow"
    >
    </Spin>
    // 下方一個iframe
    <iframe
      id="factoryViewIframes"
      :src="selectedTreeNode.svgAddress"
      width="100%"
      height="100%"
      frameborder="no"
      border="0"
      marginwidth="0"
      seamless
      marginheight="0"
      scrolling="yes"
      allowtransparency="yes"
    />

1. 現在想要createElement生成上方的html结构，下面的v-if应该怎么实现??????

     var pureComponent = $Vue.component("pure-component", {
                    data() {
                        return {
                            showSpin: true
                        }
                    },
                    render: function (createElement) {
                        var self = this;
                        return createElement("div", {}, [createElement("iframe", {
                            attrs: {
                                id: "customMenuIframe",
                                src: svgUrl,
                                frameborder: 0,
                                seamless: true
                            },
                            style: {
                                width: "100%",
                                height: "100%",
                                minHeight: '848px'
                            }
                        }), createElement('Spin', {
                            props: {
                                size: 'large',
                                fix: true,
                                'v-if': self.spinShow // 这个v-if怎么生成？？？？？？？？？
                            }
                        })]);
                    },

Answer 1

vue-render-element-with-directive

Answer 2

基础的 js 都不会写了吗。。

createElement(
  "div", 
  {},
  [
   createElement("iframe"),
   self.spinShow ? createElement('Spin') : null
  ]
)