开始

很多地方都会用到这个上拉加载的组件
image.png
新建一个目录
image.png

image.png
样式和代码都复制过来
image.png
增加样式的作用域
image.png

image.png

  1. <template>
  2. <view class="load-more">{{loadtext}}</view>
  3. </template>
  4. <script>
  5. export default {
  6. props:{
  7. loadtext:String
  8. }
  9. }
  10. </script>
  11. <style scoped>
  12. .load-more{
  13. text-align: center;
  14. color: #AAAAAA;
  15. padding: 15upx;
  16. }
  17. </style>

引入组件

引入组件,并注册一下
image.png

  1. import loadMore from '@/components/common/load-more.vue';
  2. loadMore

使用这个组件
image.png

image.png

结束