6***@qq.com
6***@qq.com
  • 发布:2024-09-19 13:19
  • 更新:2024-09-19 22:23
  • 阅读:118

数据怎么绑定?

分类:uni-app
关联插件: 分页

如何绑定数据呢?

2024-09-19 13:19 负责人:无 分享
已邀请:
套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

自己做列表就可以了,例如,

    <view v-for="item in list">  
                {{item}}  
            </view>  

changes的时候,根据新的页码去请求数据,请求回来再重新绑list就可以了

2***@qq.com

2***@qq.com

上面的回复已经给出答案了,js部分具体代码

<script>  
  import {doList} from "@/api/test.js"  
    import uniIcons from "@/components/uni-icons/uni-icons.vue"  
    import paging from '@/components/yang-paging/yang-paging.vue'  
    export default {  
        components: {  
            paging,  
            uniIcons  
        },  
        data() {  
            return {  
                total: 300,  
                curren: 1,  
                list: []  
            }  
        },  
        methods: {  
            async dd(index) {  
                this.curren = index  
                 // TODO  请求后台接口  
                const { data } = await doList({ page: index, size: 50})  
                this.list = data  
            },  
            dw() {  
                this.total = 100  
            },  
        }  
    }  
</script>
6***@qq.com

6***@qq.com (作者)

<paging :total="total" :pageSize="qryParam.pageSize" background="#d4d4d4" color="#000000" activecolor="#ffffff" activebackground="linear-gradient(to right, #2193b0, #6dd5ed)" first="true" v-model="qryParam.pageNum" @changes="getList"> <template slot="arrow-left">
<uni-icons type="arrowleft" size="15" color="#000000"></uni-icons>
</template>
<template slot="arrow-right">
<uni-icons type="arrowright" size="15" color="#000000"></uni-icons>
</template>
</paging>

谢谢你们,我自己研究出来了

要回复问题请先登录注册