D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
zidom
Full window
Github gist
JS Bin // source https://jsbin.com/podicoz
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <h4>Demo 1</h4> <div id="app"> <vlist> <span slot="slot1-0" slot-scope="{index}" >Hi {{index}} !</span> <span slot="slot2-2" slot-scope="{index}" >some body! {{index}} !</span> </vlist> </div> <hr> <h3>Demo 2</h3> <h4>How can i do it like follow code?</h4> <div id="app1"> <vlist> <span :slot="`slot1-${index}`" slot-scope="{index}">Hi {{index}} ! </span> <span :slot="`slot2-${index}`" slot-scope="{index}">嗯哼!{{index}} !</span> </vlist> </div> <script type="text/x-template" id="mylist"> <ul> <li v-for="(c, idx) in ['a','b','c','d']" :key='idx'> {{c}}: <slot :name="`slot1-${idx}`" :index="idx"><slot> <slot :name="`slot2-${idx}`" :index="idx"><slot> </li> </ul> </script> <script> Vue.component('vlist',{ template:'#mylist' }) new Vue({ el:'#app' }) new Vue({ el:'#app1' }) </script> </body> </html>
https://cdn.jsdelivr.net/npm/vue