uni-app中的写法

您可以使用以下代码实现该功能：

// 获取 recommendBonusTagList 数组中 checked 为 true 的元素
const checkedTags = this.recommendBonusTagList.filter(tag => tag.checked);

// 获取 checkedTags 数组中的 tagString 属性，用逗号连接
const tagString = checkedTags.map(tag => tag.tagString).join(',');

其中，`this.recommendBonusTagList` 是您的数组对象，可以根据您的实际情况进行修改。

相关问题

uni-app中的写法是这样的吗

是的，您可以在 Vue 的模板中使用以下代码实现该功能：

<template>
  <div>
    <!-- 循环 recommendBonusTagList 数组中的每一个元素 -->
    <div v-for="tag in recommendBonusTagList" :key="tag.tagId">
      <!-- 判断该元素的 checked 属性是否为 true -->
      <template v-if="tag.checked">
        <!-- 如果 checked 为 true，则将该元素的 tagString 值添加到 bonusTagString 中 -->
        {{ tag.tagString }}
        <template v-if="!isLast(tag)">
          <!-- 如果该元素不是最后一个，则添加逗号 -->
          ,
        </template>
      </template>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      recommendBonusTagList: [
        {
          checked: true,
          tagString: '双休',
          tagId: 1,
        },
        {
          checked: false,
          tagString: '带薪年假',
          tagId: 2,
        },
        {
          checked: false,
          tagString: '年底十三薪',
          tagId: 3,
        },
        {
          checked: false,
          tagString: '朝九晚六',
          tagId: 4,
        },
        {
          checked: false,
          tagString: '朝九晚五',
          tagId: 5,
        },
        {
          checked: false,
          tagString: '下午茶',
          tagId: 6,
        },
      ],
    };
  },
  methods: {
    // 判断当前元素是否为 recommendBonusTagList 数组中的最后一个元素
    isLast(tag) {
      return tag === this.recommendBonusTagList[this.recommendBonusTagList.length - 1];
    },
  },
};
</script>

其中，`this.recommendBonusTagList` 是您的数组对象，可以根据您的实际情况进行修改。最终得到的结果即为所有 checked 属性为 true 的元素的 `tagString` 值，用逗号连接。

uni-app中的onReachBottom

在uni-app中，onReachBottom()是一个页面事件，它会在页面滚动到底部时触发。该事件常用于实现下拉加载更多数据的功能。要使用onReachBottom()，你需要在页面的同级位置写出该事件，并确保页面不是固定的。具体写法如下所示：

onReachBottom() {
  // 判断是否有数据
  if (this.pageInfo.page * this.pageInfo.size >= this.pageInfo.total) {
    // 如果数据已经加载完毕，将状态设为“noMore”
    this.status = "noMore";
    return;
  } else {
    // 如果还有数据需要加载，将状态设为“loading”
    this.status = "loading";
    // 传递页码给后端接口，获取列表数据
    this.pageInfo.page++;
    // 在获取列表数据的事件中，根据状态判断是否只加载新获取的数据，或者将新数据拼接到已有数据之后
    this.getList('loading');
    // 获取数据
  }
}

请注意，以上代码中的`this.pageInfo.page`代表当前页面的页码，`this.pageInfo.size`代表每页显示的条数，`this.pageInfo.total`代表总数据条数。根据这些信息，可以判断是否还有更多数据需要加载。另外，`this.status`表示页面的状态，可以根据不同的状态展示相应的UI效果，如显示“正在加载中”或“没有更多数据了”。