求教:有哪个大神知道怎么使用vue的render函数写一个拖放接口,返回虚拟dom节点
1条回答 默认 最新
- qq_41126602 2017-12-04 11:02关注hahahhahggggggggggggg
<br> Vue.component('mycom',{<br> render:function(createElement){<br> var s=this;<br> if(this.v==1){<br> return createElement('div',<br> {<br> domProps:{innerHTML:'component n='+this.n}<br> })<br> }else{</p> <pre><code> return createElement('div', [this.$slots.slot1,this.$slots.slot2]) } }, props:{ v:{ type:Number, default:0 }, n:{ default:'hello' } } }); var app=new Vue({ el:'#app', data:{ nnum:1 } }) <div id="app"> <mycom :v="nnum" :ar="arr"> <div slot="slot2">hahahhah</div> <div slot="slot1">ggggggggggggg</div> </mycom> </div> <script> Vue.component('mycom',{ render:function(createElement){ if(this.v==1){ return createElement('div', this.ar.map(function(item){ return createElement('li', { domProps:{ innerHTML:item } }) }) ) }else{ return createElement('div', [this.$slots.slot1,this.$slots.slot2]) } }, props:{ v:{ type:Number, default:0 }, n:{ default:'hello' }, ar:{ type:Array, default:function(){ return [1,23,4,5,6,55,65]} } } }); var app=new Vue({ el:'#app', data:{ nnum:1, arr:[1,2,3,4,5,6,7,8] } }) </script> </body> </code></pre>解决 无用评论 打赏 举报