@blueking/flex-tag-vue2 v1.0.0

flex-tag-vue2

可自适应容器宽度的多标签展示组件 vue2 版本

Install

npm install @blueking/flex-tag-vue2

Usage

<script setup>
  import FlexTag from '@blueking/flex-tag-vue2'
  import '@blueking/flex-tag-vue2/dist/style.css'

  const tags = [
    'aaaaaaaaaaaaaaa',
    'bbbbbbbbbbbbbbb',
    'ccccccccccccccc',
    'dddddddddddddd'
  ]
</script>

<template>
  <div class="container">
    <FlexTag :list="tags" :max-width="'200px'" />
  </div>
</template>

<style scoped>
  .container {
    width: 460px;
  }
</style>