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` 值，用逗号连接。