1.0.1 • Published 3 years ago

wenshi-uni-scroll v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

分页模块

  • 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: {
                            //接口参数
                        }
                    },
                }
            }
        })