zp-public-virtual-cell.vue 796 B

1234567891011121314151617181920212223242526272829
  1. <!-- 当虚拟列表兼容模式渲染的时候,列表中实际上渲染的是这个组件,并且会把当前的item,index和extraData(附加数据)通过props传给这个组件 -->
  2. <!-- 如果有多个不同的虚拟列表,它们会共用这个组件,这时候可以通过extraData来区分不同的页面 -->
  3. <template>
  4. <view>
  5. <!-- 促销活动产品模板 -->
  6. <virtual-promo-product v-if="extraData.id==='promoProductList'" :item="item" :index="index" :extraData="extraData" />
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. name: "zp-public-virtual-cell",
  12. props: {
  13. item: null,
  14. index: 0,
  15. // 这里的extraData是在页面中通过:extraData给z-paging组件传的对象
  16. extraData: null
  17. },
  18. data() {
  19. return {
  20. };
  21. }
  22. }
  23. </script>
  24. <style>
  25. </style>