求教：有哪个大神知道怎么使用vue的render函数写一个拖放接口，返回虚拟dom节点

Question

求教：有哪个大神知道怎么使用vue的render函数写一个拖放接口，返回虚拟dom节点

Answer 1

hahahhah

ggggggggggggg

<br> Vue.component(&#39;mycom&#39;,{<br> render:function(createElement){<br> var s=this;<br> if(this.v==1){<br> return createElement(&#39;div&#39;,<br> {<br> domProps:{innerHTML:&#39;component n=&#39;+this.n}<br> })<br> }else{</p> <pre><code> return createElement(&#39;div&#39;, [this.$slots.slot1,this.$slots.slot2]) } }, props:{ v:{ type:Number, default:0 }, n:{ default:&#39;hello&#39; } } }); var app=new Vue({ el:&#39;#app&#39;, data:{ nnum:1 } }) &lt;div id=&quot;app&quot;&gt; &lt;mycom :v=&quot;nnum&quot; :ar=&quot;arr&quot;&gt; &lt;div slot=&quot;slot2&quot;&gt;hahahhah&lt;/div&gt; &lt;div slot=&quot;slot1&quot;&gt;ggggggggggggg&lt;/div&gt; &lt;/mycom&gt; &lt;/div&gt; &lt;script&gt; Vue.component(&#39;mycom&#39;,{ render:function(createElement){ if(this.v==1){ return createElement(&#39;div&#39;, this.ar.map(function(item){ return createElement(&#39;li&#39;, { domProps:{ innerHTML:item } }) }) ) }else{ return createElement(&#39;div&#39;, [this.$slots.slot1,this.$slots.slot2]) } }, props:{ v:{ type:Number, default:0 }, n:{ default:&#39;hello&#39; }, ar:{ type:Array, default:function(){ return [1,23,4,5,6,55,65]} } } }); var app=new Vue({ el:&#39;#app&#39;, data:{ nnum:1, arr:[1,2,3,4,5,6,7,8] } }) &lt;/script&gt; &lt;/body&gt; </code></pre>