InputTag 标签输入

支持动态添加和删除标签。

基础用法

<template>
  <InputTag v-model="tags" />
</template>

<script setup lang="ts">
const tags = ref(['Vue', 'React', 'Angular'])
</script>

自定义配置

<script setup lang="ts">
const tags = ref([])

const config = {
  buttonAttrs: {
    btnText: '+ 添加标签',
    type: 'primary',
    size: 'small'
  },
  tagAttrs: {
    type: 'success',
    effect: 'plain'
  }
}
</script>

Props

参数	说明	类型	默认值
modelValue	标签数组（v-model）	string[]	[]
config	配置项	Config	—

Config 配置

参数	说明	类型
buttonAttrs	添加按钮属性	object
buttonAttrs.btnText	按钮文本	string
inputAttrs	输入框属性	object
tagAttrs	标签属性	object