removable.vue 422 B

1234567891011121314151617
  1. <template>
  2. <el-tag v-for="tag in tags" :key="tag.name" class="mx-1" closable :type="tag.type">
  3. {{ tag.name }}
  4. </el-tag>
  5. </template>
  6. <script lang="ts" setup>
  7. import { ref } from 'vue'
  8. const tags = ref([
  9. { name: 'Tag 1', type: '' },
  10. { name: 'Tag 2', type: 'success' },
  11. { name: 'Tag 3', type: 'info' },
  12. { name: 'Tag 4', type: 'warning' },
  13. { name: 'Tag 5', type: 'danger' },
  14. ])
  15. </script>