@moment-design/choose-tag v0.0.16

选择标签组件

使用组件

安装依赖

npm install @moment-design/choose-tag --save

使用组件

<template>
  <m-button type="primary" @click="refChooseTag.open()"> 选择标签 </m-button>
  <div style="margin-top: 16px">已选数据：{{ config.data }}</div>
  <!-- 选择标签组件 -->
  <ChooseTag
    ref="refChooseTag"
    :config="config"
    @change="(v: any) => (v?.length && (config.data = v))"
  ></ChooseTag>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue';
import ChooseTag from '../index.vue';

const refChooseTag = ref();
const config: any = reactive({
  add: true,
  max: 3,
  tags: [
    { label: '社群标签', value: 2 },
    { label: '自动标签', value: 5 },
    { label: '企微标签', value: 6 },
  ],
  apis: {
    // 数结构接口
    // querylabelType,
    // 点击树获取详情接口
    // queryLabelList,
    // 左侧搜索功能接口
    // queryTreeLabelInfo,
    // 新增标签接口
    // addLabel,
  },
  data: [],
});
</script>

API

Props

apisConfig

Events

Expose