vue createElement中怎麽綁定v-if

javascript vue.js xue8 1年前 122次浏览



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怎么生成?????????
}
})]);
},




回答:

0条回复
撰写答案