text-node.vue 514 B

1234567891011121314151617181920212223
  1. <template>
  2. <recycle-list for="item in longList" switch="type">
  3. <cell-slot case="A">
  4. <text>static</text>
  5. <text>{{item.dynamic}}</text>
  6. <text>one {{item.two}} three {{ item.four }} five</text>
  7. </cell-slot>
  8. </recycle-list>
  9. </template>
  10. <script>
  11. module.exports = {
  12. data () {
  13. return {
  14. longList: [
  15. { type: 'A', dynamic: 'decimal', two: '2', four: '4' },
  16. { type: 'A', dynamic: 'binary', two: '10', four: '100' }
  17. ]
  18. }
  19. }
  20. }
  21. </script>