tags

功能

基于 el-tag，用于标签组的编辑，可以对标签双击编辑、拖拽排序

TIP

此组件依赖 vuedraggable-es-fix，考虑此组件不一定会被用到，默认不安装 vuedraggable-es-fix。因此使用 tags 组件时需要

npm i vuedraggable-es-fix@^1.0.1

功能示例

展示区	小龙虾毛血旺剁椒鱼头冰激凌
结果	[ "小龙虾", "毛血旺", "剁椒鱼头", "冰激凌" ]
展示区：只能是数字	111222333444
结果	[ 111, 222, 333, 444 ]
禁用展示	小龙虾 毛血旺 剁椒鱼头 冰激凌

最小示例

<template>
    <Wrapper>
        <VcTags v-model="result" />
    </Wrapper>
</template>

<script lang="ts" setup>
import VcTags from '../tags.vue'

const result = ref<string[]>(['小龙虾', '毛血旺', '剁椒鱼头', '冰激凌'])
</script>

API

参数

事件