0.0.1 • Published 10 months ago
@moment-design/choose-questionnaire v0.0.1
选择问卷组件
使用组件
安装依赖
npm install @moment-design/choose-questionnaire --save使用组件
<template>
<m-button type="primary" @click="open">选择问卷</m-button>
<ChooseQuestionnaire
ref="refChooseQuestionnaire"
:config="config"
@handle:change="(v: any[]) => (list = v)"
></ChooseQuestionnaire>
<div style="margin-top: 16px">已选数据:{{ list }}</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import ChooseQuestionnaire from '../index.vue';
import { queryList } from './api';
const config = {
apis: {
// 列表接口
queryList,
// 自定义参数
params: {},
},
};
const list: any = ref([]);
const refChooseQuestionnaire = ref();
const open = () => {
refChooseQuestionnaire.value.open(list.value);
};
</script>API
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| apis | 请求接口 | ApiConfig | - |
ApiConfig
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| queryList | 列表请求接口 | any | - |
| params | 自定义参数 | any | - |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| handle:change | 选中的数据 | (datas: any[]) |
Expose
| 事件名 | 描述 | 参数 |
|---|---|---|
| open | 主动触发打开弹窗 | 默认数据:(datas: any[]) |
0.0.1
10 months ago