<template>
  <div class="flex">
    <div v-for="(tags, index) in tagsList" :key="tags">
      <ul>
        <li v-for="tag in tags" :key="tag.tagId"></li>
      </ul>
      <div v-if="(index === 0 && tagsList.length > 1) || (index === 1 && tagsList.length > 2)">
        {{ tagsList[index][0].levelType === 'or' ? '或者' : tagsList[index][0].levelType === 'andNot' ? '剔除' : '' }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'selected-tags-list',
  props: {
    tagsList: {
      type: Array,
      required: true
    }
  },
  mounted() {
    setTimeout(() => {
      console.log(this.tagsList);
    }, 2000);
  }
};
</script>

<style lang="less" scoped></style>
