分页模块

• npm安装 wenshi-uni-scroll 插件

• 开放方法：

  1. wenshiScrollView （视觉 组件方式）
  2. wenshiScrollPage （页面使用）

• 使用方法

  • wenshiScrollView (scroll-view分页)：

    1. 在main.js 引入注册组件 wenshiScrollView

    2. 页面使用

       <wenshiScrollView 
       	height='100vh' 
       	:post='post' 
       	v-model="listData"
       >
       		<view>
       			//自定义内容	
       		</view>
       </wenshiScrollView>
       export default {
       		data(){
       			return{
       				post: {
       					api: "",//接口路径
       					data: {
       						//接口参数
       					},
       				},
       				listData:[],//数据接收
       			}
       		},
       		methods:{
            			
       		},
       		mounted() {
            			
       		}
       	}
            

  • wenshiScrollPage (页面级分页)：

    1. 页面使用

       <view v-for="(item,index) in listData" :key="index">
           //listData 是分页的返回数据
       </view>
       export default wenshiScrollPage({
           data() {
       		return {
                   init: false,//是否立即请求接口，默认是true
                   post: {
                       api: "",//接口路径
                       data: {
                           //接口参数
                       }
                   },
               }
           }
       })