uni-app+uniCloud开发微信小程序云数据库出来的数据实现倒序排列

最新推荐文章于 2024-05-13 20:03:48 发布

温岚311

最新推荐文章于 2024-05-13 20:03:48 发布

阅读量679

点赞数

分类专栏： uni-app 文章标签： uni-app 微信小程序 vue.js

本文链接：https://blog.csdn.net/weixin_56202591/article/details/129101378

版权

本文介绍了在uni-app中结合uniCloud开发微信小程序时，如何通过在查询数据的标签上添加'orderby="create_date desc"'实现云数据库数据的倒序排列。这种方法允许开发者根据特定字段（如'create_date'）调整数据展示顺序，desc表示倒序，asc则表示正序。

摘要由CSDN通过智能技术生成

UniCloud中获取数据渲染UI到界面上

<unicloud-db ref="udb" v-slot:default="{data, pagination, loading, hasMore, error}"  :collection="collectionList" field="username,gender,ther,mobile,comment,create_date">
      <view v-if="error">{
  {error.message}}</view>
      <view v-else-if="data">
        <uni-list>
          <uni-list-item v-for="(item, index) in data" reverse :key="index" showArrow :clickable="true" @click="handleItemClick(item._id)">
            <template v-slot:body>
              <text>
                <!-- 此处默认显示为_id，请根据需要自行修改为其他字段 -->
                <!-- 如果使用了联表查询，请参考生成的 admin 项目中 list.vue 页面 -->
                {
  {item.username}}
				<text v-if="item.gender==1">-小帅哥</text>
				<text v-else-if="