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

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

dom

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>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!