0.0.4 • Published 7 months ago
@moment-design/choose-group-chat v0.0.4
选择渠道组件
使用组件
安装依赖
npm install @moment-design/choose-group-chat --save使用组件
<template>
<l-content title="选择社群">
<m-button type="primary" @click="open">选择社群</m-button>
<l-choose-group-chat
ref="refChooseGroupChat"
:config="config"
@handle:change="(v: any[]) => (list = v)"
></l-choose-group-chat>
<div style="margin-top: 16px">已选数据:{{ list }}</div>
</l-content>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { queryGroupChatList } from './api';
const list: any = ref([]);
const refChooseGroupChat = ref();
const config = {
apis: {
queryGroupChatList,
},
};
const open = () => {
refChooseGroupChat.value.open(list.value);
};
</script>API
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| apis | 请求接口 | ApiConfig | - |
ApiConfig
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| queryGroupChatList | 列表请求接口 | any | - |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| handle:change | 选中的数据 | (datas: any[]) |
Expose
| 事件名 | 描述 | 参数 |
|---|---|---|
| open | 主动触发打开弹窗 | 默认数据:(datas: any[]) |