mini_Amily 2017-12-04 11:00 采纳率: 0%
浏览 1124

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

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

  • 写回答

1条回答 默认 最新

  • qq_41126602 2017-12-04 11:02
    关注



    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>
    评论

报告相同问题?

悬赏问题

  • ¥50 树莓派安卓APK系统签名
  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗